Loading repository data…
Loading repository data…
hevieri / repository
Reto práctico para aprender React
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Reto práctico para aprender React desde cero. Pensado para hacerse después de tener JavaScript sólido (variables, funciones, arrays, objetos, async/await, módulos).
| Día | Tema | Ejercicio |
|---|---|---|
| 1 | JSX y tu primer componente | Crear componentes que rendericen distintos contenidos |
| 2 | Props | Pasar datos a componentes, children, props por defecto |
| 3 | useState | Contador, toggle, estado con objetos |
| 4 | Eventos | onClick, onChange, pasar parámetros |
| 5 | Renderizado condicional | if/else, ternario, &&, clases dinámicas |
| 6 | Listas y keys | Map, filter, key, listas dinámicas |
| 7 | Forms | Inputs controlados, submit, validación básica |
| 8 | useEffect | Ciclo de vida, dependencias, cleanup |
| 9 | Fetch de datos | Cargar desde API, loading/error |
| 10 | useRef | Referencias al DOM, valores sin re-render |
| 11 | useContext | Tema global, evitar prop drilling |
| 12 | Custom Hooks | Extraer lógica reusable |
| 13 | React Router | Rutas, Link, useParams, navegación |
| 14 | Mini Proyecto Final | App que combine todo lo aprendido |
teoria/index.html para ver la lección del díapnpm run dev dentro de la carpeta proyecto/react/
├── README.md
├── teoria/ (visor de lecciones, como el de JS/CSS)
│ ├── index.html
│ ├── lecciones.js
│ └── app.js
└── proyecto/ (Vite + React app)
├── package.json
├── index.html
├── vite.config.js
└── src/
├── main.jsx
├── App.jsx
├── App.css
├── index.css
└── dias/
├── Dia01.jsx
├── Dia02.jsx
└── ...
Consigna: 1 hora por día, 14 días. Primero leé la teoría, después abrí la app de React y completá el ejercicio del día. ¡Vamos! ⚛️