⚛️ React Learning Hub

Este repositorio reúne mi proceso de aprendizaje en React. Funciona como un espacio central de práctica donde exploro conceptos clave, patrones, hooks, estilos, performance y herramientas del ecosistema moderno de React.

---

📚 Contenido principal

🧠 Fundamentos de React

• JSX y componentes
• Props y composición
• Estado, eventos y renderizado condicional
• Separación de lógica y presentación

🎛️ Hooks

• useState
• useEffect
• useRef
• Custom Hooks
• Manejo de efectos y ciclos de vida

🧩 Patrones y buenas prácticas

• Reutilización de componentes
• Separación de responsabilidades
• Organización de carpetas
• Limpieza y legibilidad del código

⚙️ Ecosistema React

• Vite
• ESLint
• CSS Modules
• Styled Components
• Optimización de performance
• Gestión de estilos y arquitectura

🧪 Playground / Experimentación

• Pruebas rápidas
• Snippets
• Ideas sueltas
• Experimentos aislados

---

📂 Proyectos y ejercicios

Cada carpeta es independiente y está enfocada en un concepto o práctica específica.

🔹 Bases y fundamentos

• react-from-scratch — React desde cero sin abstracciones
• react-bases — Conceptos base de React
• react-basic-components — Componentes simples y composición

🔹 Estado y listas

• list-add-item — Agregar elementos a una lista
• list-remove-item — Eliminar elementos
• list-update-item — Actualizar estado
• add-update-remove-items — CRUD básico de listas

🔹 Hooks y lógica

• hook-check-if-overflow — Custom hook para detectar overflow
• image-from-react-component — Renderizado dinámico de imágenes

🔹 Formularios

• forms — Prácticas con formularios y control de inputs

🔹 ESLint y calidad de código