└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Roadmap React 2024 ⚛️
 2 | 
 3 | 1) Aprender a **crear proyecto** de React con Vite. (Configuración del proyecto con Vite para JavaScript o TypeScript, entendiendo la estructura inicial y ejecutando la aplicación)
 4 | 
 5 | 2) Aprender a **crear componentes** en React. (Creación de componentes funcionales, exportación e importación de componentes)
 6 | 
 7 | 3) Aprender a **pasar props** entre componentes. (Uso de props para pasar datos, tipado de props con TypeScript, props por defecto, implementación de callbacks y funciones manejadoras para extender la funcionalidad de componentes hijos)
 8 | 
 9 | 4) Aprender sobre el **ciclo de vida** de un componente. (Uso de `useEffect` para manejar el montaje, actualización y desmontaje del componente)
10 | 
11 | 5) Aprender a **manejar eventos** en React. (Implementación de eventos como `onChange`, `onBlur`, `onClick`, `onSubmit` y cómo manejarlos con funciones)
12 | 
13 | 6) Aprender a **manejar formularios** controlados (con `useState` para gestionar el estado de los inputs) y no controlados (con `useRef` para acceder a valores directamente en el DOM).
14 | 
15 | 7) Aprender a **validar formularios** en React. (Implementación de validaciones personalizadas, manejo de errores y mensajes de validación)
16 | 
17 | 8) Aprender sobre **hooks adicionales**. (useRef, useMemo, useCallback)
18 | 
19 | 9) Aprender a usar **Context API**. (Creación y uso de `Context` para el manejo de estados globales y consumo de contexto con `useContext`)
20 | 
21 | 10) Aprender a crear **componentes reutilizables** y modulares. (Patrones de diseño para construir componentes que se pueden usar en múltiples lugares, separación de lógica y presentación)
22 | 
23 | 11) Aprender a manejar el estado global con **Zustand**. (Creación de un store con Zustand, uso de hooks para acceder y manipular el estado global)
24 | 
25 | 12) Aprender **patrones de diseño** en React. (Implementación de patrones como Container-Presenter Pattern para separar lógica y presentación, uso de Higher-Order Components (HOC) para lógica compartida, y Render Props para flexibilidad en componentes)
26 | 


--------------------------------------------------------------------------------