React con TypeScript

Manual en Markdown con 105 capítulos: desde qué es React hasta React Router, pasando por Hooks, Redux y TypeScript/TSX. Cada archivo tiene navegación anterior/siguiente.

Cómo seguir el curso

1. Haz un fork de este repositorio en tu cuenta de GitHub.
2. Abre tu fork en GitHub Codespaces (botón Code → Codespaces → Create codespace on main).
3. En el Codespace tendrás Node, el editor y las extensiones recomendadas; los detalles están en Requisitos.
4. Sigue el Índice en orden. Para practicar, crea proyectos con Vite (cap. 7.5) o desde cero (cap. 8.1).

Índice

• 1. Que Es React
• 2. Requisitos
• 3. Composicion
• 4. Modelo Declarativo
• 5. Virtual Dom
• 6. React Vs Jquery
• 7. Create React App
• 7.1. Lab Create React App
• 7.2. Scripts Proyecto
• 7.3. Estructura Proyecto
• 7.4. Vite (React con TypeScript)
• 7.5. Lab Vite (React con TypeScript)
• 8. Proyecto Inicial Desde 0
• 8.1. Lab Proyecto Inicial Desde 0
• 9. Qué es TSX
• 10. Componente sin TSX
• 11. Componentes
• 11.1. Componentes De Clase
• 11.2. Componentes Funcionales
• 12. Expresiones
• 13. Estilos
• 14. Propiedades
• 14.1. Valores Por Defecto
• 14.2. Proptypes Validacion
• 14.3. Validacion Propiedades Personalizadas
• 14.4. Lab Propiedades
• 15. Renderizado Condicional
• 16. Listas
• 16.1. Atributo Key
• 16.2. Lab Lista Noticias
• 17. Eventos
• 17.1. Tipos Eventos
• 17.2. Lab Eventos
• 18. Estados
• 18.1. Lab Estado
• 19. Flujo Datos
• 20. Ciclo Vida
• 20.1. Constructor
• 20.2. Getderivedstatefromprops
• 20.3. Componentdidmount
• 20.4. Shouldcomponentupdate
• 20.5. Getsnapshotbeforeupdate
• 20.6. Componentdidupdate
• 20.7. Componentwillunmount
• 20.8. Lab Ciclo Vida
• 21. Referencias
• 21.1. Lab Referencias
• 22. Propiedad Children
• 22.1. Lab Propiedad Children
• 23. Fragments
• 24. Context Api
• 24.1. Lab Context Api
• 25. Hoc
• 25.1. Lab Hoc Estilos
• 25.2. Lab Hoc Cargar Datos
• 26. Suspense
• 26.1. Lab Suspense
• 27. Portals
• 27.1. Lab Portals
• 28. React Hooks
• 28.1. Reglas Hooks
• 28.2.1. Lab Usestate
• 28.2. Usestate
• 28.3.1. Lab Useeffect
• 28.3. Useeffect
• 28.4.1. Lab Usecontext
• 28.4. Usecontext
• 28.5.1. Lab Usememo
• 28.5. Usememo
• 28.6.1. Lab Useref
• 28.6. Useref
• 28.7.1. Lab Usereducer
• 28.7. Usereducer
• 28.8.1. Lab Crear Hook
• 28.8. Crear Hook
• 29. Redux
• 29.1. Instalacion Redux
• 29.2. Estado Redux
• 29.3.1. Action Creators
• 29.3. Actions
• 29.4. Reducers
• 29.5.1. Funciones Store
• 29.5. Store
• 29.6. Lab Redux
• 30. React Redux
• 30.1. Instalacion React Redux
• 30.2. Provider
• 30.3. Connect
• 30.4. Hooks React Redux
• 30.5. Lab React Redux
• 30.6.1. Redux Thunk
• 30.6. Middleware
• 31. React Router
• 31.1. Instalacion Router
• 31.2. Browser Router
• 31.3. Routes Route
• 31.4. Link
• 31.5. Navegación por código (useNavigate)
• 31.6. Rutas Parametros
• 31.7. Rutas Anidadas
• 31.8. Redirigir Rutas
• 31.9. Guards
• 31.10. Ruta Comodin
• 31.11. Query Params
• 31.12. Lab React Router