⚛️ 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

• eslint-tutorial — Configuración y buenas prácticas con ESLint

🔹 Hacker Stories (variantes)

• hacker-stories-with-css-modules — Estilos con CSS Modules
• hacker-stories-with-styled-components — Styled Components
• hacker-stories-with-performance-optimizations — Optimización y memoización

---

🚀 Propósito del repositorio

• Consolidar conocimientos de React con práctica constante
• Documentar mi aprendizaje de forma ordenada
• Explorar distintas soluciones para un mismo problema
• Mejorar calidad, estructura y performance del código

Este repositorio evolucionó junto con mi aprendizaje.

---

🛣️ Roadmap personal

Fundamentos

• JSX y componentes
• Props y composición
• Estado y eventos
• Renderizado condicional
• Estilos en React

Hooks

• useState
• useEffect
• useRef
• Custom Hooks

Ecosistema

• Vite
• ESLint
• Manejo de estilos

---

📝 Notas y recursos

Incluye apuntes personales sobre:

• Conceptos clave de React
• Herramientas del ecosistema
• Patrones y buenas prácticas
• Errores comunes y soluciones

---

🤝 Contribución

Repositorio personal y en constante crecimiento. Si encontrás ideas, mejoras o sugerencias, ¡son bienvenidas! 🙌