TypeScript: contratos para la interfaz
Tipos, props y estados en React.
13 aulas · 7 horas de práctica · en el navegador, sin instalar nada
Temario
- Props con contrato — Los tipos convierten un componente en una promesa explicita.
- Estados imposibles — Un union type hace que el estado solo pueda ser uno de los modos validos.
- Formulario tipado — Un formulario chico alcanza para ver tipos, estado y eventos trabajando juntos.
- Taller — Tipá un formulario completo — Cuatro capas para armar un formulario de registro: props tipadas, un estado que no puede mentir, un submit tipado y los mensajes que faltaban.
- Componentes genéricos — Un componente que no sabe qué tipo va a recibir, y no le hace falta saberlo.
- Formas anidadas — Un objeto adentro de otro también tiene forma, y readonly dice qué no se puede tocar.
- Acciones con reducer — Cuando el estado cambia de más de una forma, un reducer tipado dice exactamente cuáles.
- Contexto tipado — Un contexto sin tipo devuelve any; con tipo, avisa si lo usás afuera del proveedor.
- Taller — Tu hook de formularios reutilizable — Un hook genérico que sirve para cualquier campo de formulario, tipado de punta a punta.
- Referencias tipadas — Un ref guarda un valor que sobrevive a los renders sin dibujar nada solo.
- Tipos utilitarios — TypeScript trae funciones para transformar tipos, no solo para declararlos.
- Guardas de tipo — unknown obliga a probar qué es el dato antes de usarlo; any te deja pasar sin probar nada.
- Taller — Panel de administración tipado — Un panel chico que junta contexto, referencias, tipos utilitarios y guardas: todo lo que TypeScript sumó al React que ya sabías.