📌 Curso de TypeScript
Bienvenidos al curso de TypeScript. En este curso, exploraremos los fundamentos y características avanzadas de TypeScript, una herramienta esencial para desarrollar aplicaciones robustas y escalables en JavaScript.
A lo largo de este curso, aprenderemos sobre configuración de proyectos, tipado de props, unión de tipos, tipado de funciones, utility types, entre muchos otros conceptos esenciales para dominar TypeScript en entornos de desarrollo moderno como ReactJS.
A continuación, te presentamos el contenido del curso y lo que abordaremos en cada sección:
Introducción al Curso
En esta primera sección, hablaremos sobre qué es TypeScript, por qué es una mejora sobre JavaScript y sus principales ventajas para el desarrollo de software.
Configuración del Proyecto (TypeScript + ReactJS)
Aprenderemos a configurar un proyecto desde cero utilizando TypeScript con ReactJS, asegurándonos de que nuestro entorno de desarrollo esté listo para empezar a escribir código tipado.
Archivos .TSX y .TS
Explicaremos la diferencia entre los archivos .tsx y .ts, sus propósitos y en qué escenarios se debe utilizar cada uno dentro de una aplicación.
Fundamentos de TypeScript
Veremos los principios básicos de TypeScript, incluyendo tipos primitivos, inferencia de tipos y cómo TypeScript nos ayuda a prevenir errores antes de ejecutar el código.
Tipado de Props
Exploraremos cómo tipar las props en ReactJS, asegurando que nuestros componentes reciban los valores correctos y evitando errores comunes.
Unión de Tipos (Union Types)
Aprenderemos cómo combinar múltiples tipos en una misma variable o función utilizando Union Types, lo que nos permitirá tener más flexibilidad en nuestro código.
Arrays en TypeScript
Discutiremos cómo tipar arrays en TypeScript, incluyendo el uso de generic types y arreglos de objetos tipados.
CSS Properties en TypeScript
Veremos cómo tipar propiedades de CSS en TypeScript, lo que es especialmente útil al trabajar con styled-components o inline styles en React.
Record Type
Introduciremos el Record Type, una utilidad en TypeScript que permite definir objetos con claves dinámicas y tipos específicos.
Tipado de Funciones
Explicaremos cómo tipar funciones en TypeScript, desde funciones básicas hasta aquellas que retornan otros tipos de datos complejos.
ReactNode vs JSX.Element
Veremos la diferencia entre ReactNode y JSX.Element, dos tipos esenciales para el desarrollo en ReactJS con TypeScript.
Uso de Setters
Hablaremos sobre los setters en TypeScript, su importancia en la programación orientada a objetos y su uso dentro de React.
Default Props
Aprenderemos cómo definir valores por defecto en las props de los componentes de React usando TypeScript.
Alias vs Interface
Compararemos type aliases e interfaces, sus diferencias y en qué situaciones es mejor utilizar uno sobre el otro.
Tipado de Props en Componentes
Profundizaremos en cómo definir correctamente el tipado de las props en los componentes de React para mejorar la calidad del código.
Spread Operator
Veremos cómo funciona el spread operator en TypeScript y sus aplicaciones más comunes en objetos y arrays.
Intersections y Extends
Hablaremos sobre Intersection Types y Extends, dos características avanzadas que permiten extender tipos en TypeScript.
Event Handlers
Aprenderemos a tipar event handlers en React con TypeScript, asegurando que nuestras funciones manejen eventos correctamente.
Tipado de Hooks
Exploraremos cómo tipar correctamente los hooks de React, como useState, useEffect, y otros hooks personalizados.
Utility Types
Veremos los Utility Types más importantes en TypeScript, como Partial, Pick, Omit, entre otros, que facilitan la manipulación de tipos en el código.
Uso de "as"
Aprenderemos cómo usar "as" en TypeScript para realizar type assertions, una técnica útil en ciertos escenarios donde TypeScript no puede inferir correctamente el tipo de una variable.
Introducción a Generics
Introduciremos los Generics, una característica clave de TypeScript que permite crear funciones y componentes más reutilizables y flexibles.
DefinitelyTyped
Finalmente, hablaremos sobre DefinitelyTyped, un repositorio de definiciones de tipos para bibliotecas populares de JavaScript que no fueron escritas en TypeScript originalmente.
Esperamos que disfrutes de este curso y que al finalizar tengas un dominio sólido de TypeScript aplicado a ReactJS y otros entornos de desarrollo. ¡Vamos a aprender juntos!
Más Recursos
https://react-typescript-cheatsheet.netlify.app/docs/basic/setup/