Objetos en funciones
Contenido del curso
Usuario anónimo
User
Cristian Clavijo
Ibrahim Guzmán
Vanessa Cordero
Daniel Arturo Dominguez Lopez
Andres López
Juan Collado
Pedro Matías Cuevas Meza
Julian David Vidal González
Daniel Quispe
Emanuel Torres Clemente
Andrés Felipe Eslava Zuluaga
Gustavo Pú
Carlos Eduardo Plasencia Prado
Daniel Camacho
Josue Samuel Castillo Cetino
Ricardo Boraure
Ibrahim Guzmán
Jorge Alejandro Niglia
John Byron Alzate Hernández
José David Morales Dominguez
Miguel Ángel Bolaños Quiñonez
Daniel Avila Cardenas
Diego Raciel Ortega Hernandez
Angel Raúl Acosta Rojas
luis alfonso cañari chumpitazi
Anfernee Valera
Andrés Felipe Eslava Zuluaga
Huáscar Suárez Chávez
Marvin Javier Santos Fernández
Ya me veo aplicando todo esto junto a React :)
Confirmo :D
Podrías recomendarme algún recurso para aprender cómo emplear TS en React?
Mientras más avanzo más me gusta typescript
Me siento identificado :D
x2
Destructuring Objects en argumentos con tipado
Tenia la duda de como hacer destructuring de los objectos al recibirlos por argumento y al mismo tiempo mantener el tipado. Investigando un poco encontré esta solución.
Donde antes iba el nombre del argumento ahora iría el destructuring, mientras que el tipado sigue igual que siempre
const login = ({ email, password }: { email: string; password: string }) => { console.log(email, password); };
Espero que les sirva!
creo que queda mejor definiendo el type del objeto recibido como parámetro, para luego aplicar el destructuring dentro de la función.
type Data = { email: string; password: string; } const login = (data: Data) => { const { email, password } = data; console.log(email, password); } login({ email:'test@test', password: '12131');
Totalmente de acuerdo, @pedromatiascuevasmeza!
Definitivamente empezare a usar typescript
Yo era un hater de TS pero desde hace 7 meses que por cosas del trabajo me vi en la obligación de agregarlo a mi stack, me he dado de cuenta de lo necesario y valioso que es.
+1 Es lo mejor
es una barbaridad como explica Nico, Exelente curso!!!!
Yo lo hice de esta manera
(() => { type User = { email: string; password: string | number }; const login = (user: User) => { console.log(user.email, user.password); }; const jesusUser = { email: "hdjesus", password: 12121, }; login(jesusUser); })();
Gracias ya me estaba dando rebote ver los objetos con propiedades dentro de los parametros de las funciones.jajajaja
Nunca entendí por qué la gente usaba TypeScript, ahora ya sé por qué.
Me encantaria ver un curso de React con typescript
x2
Curso de react.js con TypeSscript
(() => { const login =(data:{email:string,password:number})=>{ console.log(data.email,data.password); } // login ("nico@nico.co","12121212"); login({ email:"nico@nico.co", password:12121212 }); type Sizes = 'S' | 'M' | 'L' | 'XL'; const products:any[]=[]; const addProduct=(data:{ title:string, createdAt:Date, stock:number; size?:Sizes }) =>{ products.push(data); } addProduct({ title:"pro1", createdAt:new Date(1993,1,1), stock:12 }); console.log(products); addProduct({ title:"pro1", createdAt:new Date(1993,1,1), stock:12, size:"XL" }); console.log(products); })();
Es mucha información pero la clase sirve para saber las bases y saber que existen ciertas cosas, lo demás se aprende con practica y documentación por si se olvida algo.
//Tratamiento de objetos en funciones (() => { type Sizes = 'S' | 'M' | 'T' | 'XL'; let a_products : any [] = []; const login = (data: { email: string; password: number }): void => { console.log(data.email, data.password); }; login({ email: 'avilacardenadaniel@gmail.com', password: 31312312, }); const addProduct = (data: { name: string, cardNumber: number | string, createdAt: Date, stock: number, size?: Sizes }) => { a_products.push(data); a_products.forEach ( element=>{ console.log(element); }) }; const array = addProduct({ name: 'Girasol Aceite', cardNumber: '4344yuoew23', createdAt: new Date(), stock: 1893 }) const array2 = addProduct({ name: 'Panela Manuela', cardNumber: '534po03434', createdAt: new Date(), stock: 2032 }) })();
Dios que maravilloso!! Ya quiero comenzar a hacer mis APIS con Typescript
Es como Java para web. Casi que JavaScript + Java
Es lo bonito de aprender que cada ves que vas aprendiendo te das cuentas de varias maneras de llegar a un mismo resultado
En mi caso lo hize de esta manera
type User = { email: string; password: number; }; (() => { const login = (user: User) => { const { email, password } = user; console.log(email, password); }; // login('correo@correo.com', '1234asd'); login({ email: 'correo@correo.com', password: 123321, }); })(); ``````js
Me parece genial el uso de TypeScript. La única cosa mala que le veo por ahora es que es DEMASIADO verboso 😅
Profe Nicolas: muy buenas las clases
Por dios TypeScript es tan hermoso
(()=>{
// Creamos una función que va a recibir 2 parámetros
// el email y la contraseña es decir un objeto le añadimos
// estás 2 propiedades.
const login = (data: {email: string, password: string})=>{
// Mostramos lo que tendrá el objeto al pasarle los
// parámetros pero debemos acceder a las propiedades,
// lo hacemos colocando el nombre del objeto en este
// caso es data y luego un . y veremos las propiedades
console.log(data.email, data.password);
}
// Llamamos la función
login({
// Le pasamos las 2 propiedades que pide
email: 'Marvin@gmail.com',
password: 'sadasd'
});
// Vamos a llamar el tipo para las tallas.
type Sizes = 'M' | 'S' | 'XL' | 'L';
// Creamos un array y le decimos que recibirá cona ny
// cualquier tipo de dato.
const List_Product:any[] = [];
// Creamos una función en el cual le pasamos un parámetro
// recibirá un objeto.
const Add_Product = (data:{
// Colocamos sus claves y llaves
// es decir lo que debe enviarse
title: string,
createAT: Date,
stock: number,
talla?: Sizes
}) =>{ // Aquí lo asignará al array vacio
// Que recibirá cualquier tipo de dato
// y lo registramos utilizando el método push.
// y de parámtetro le pasamos el nombre del objeto
// que es data.
List_Product.push(data);
}
// Llamaos la función y escribimos
// el objeto a enviarse.
Add_Product({
title: 'Laptop',
createAT: new Date(2025,1,2),
stock: 20
});
// Mandamos otro.
Add_Product({
title: 'Camisa',
createAT: new Date(2000,7,15),
stock: 15,
talla: 'M'
});
// Observamos si los objetos fueron enviados
// al array que recibirá cualquier tipo de dato.
console.log(List_Product);
})();
