Proyecto final: Aplicación de tareas
Parte del curso de React
Hasta ahora cada lección te ha ido dando una idea cada vez, con un ejemplo pequeño alrededor. Las aplicaciones reales no son así. En una aplicación real, el estado, el renderizado de listas, el formulario, la persistencia y las URL tienen que convivir a la vez en el mismo código, y lo difícil no es ninguna pieza suelta, sino decidir dónde va cada una.
Así que esta lección va de juntarlo todo. Vas a construir una aplicación de tareas completa y funcional: añadir elementos, marcarlos como hechos, borrarlos y que la lista siga ahí después de recargar la página. También tiene una segunda página en /about, así que tendrás una URL de verdad a la que navegar. Aquí no hay ningún concepto nuevo.
¿Quieres aprender React Proyecto final: Aplicación de tareas en un entorno real?
Haz clic abajo, recibe una máquina Linux con React listo, y practica Proyecto final: Aplicación de tareas con un tutor de IA que conoce tu código.
Empezar esta lecciónProyecto final: Aplicación de tareasLo que vas a aprender
- Combining state, lists, controlled inputs
- Custom hook for localStorage persistence
- Small routing setup
- Putting it together
Lee esta lección en tu idioma
Todas las lecciones de este curso
17 lecciones- 1¿Qué es React?25 min
- 2JSX y Components30 min
- 3Props30 min
- 4State con useState35 min
- 5Manejo de eventos30 min
- 6Renderizado condicional y listas30 min
- 7Formularios y Controlled Inputs35 min
- 8Effects con useEffect40 min
- 9Obtención de datos40 min
- 10Composición de Components35 min
- 11Context y useContext35 min
- 12useReducer35 min
- 13Hooks personalizados35 min
- 14Rendimiento y Memoization35 min
- 15Enrutamiento con React Router40 min
- 16Pruebas de Components de React40 min
- 17Proyecto final: Aplicación de tareas60 min
