Crea una aplicación de lista de TODO que permita a los usuarios agregar y eliminar tareas.
No clones este repositorio porque vamos a usar una plantilla diferente.
Recomendamos abrir el react.js boilerplate
usando un entorno de desarrollo como Codespaces (recomendado) o Gitpod. Alternativamente, puedes clonarlo en tu computadora local usando el comando git clone
.
Este es el repositorio que necesitas abrir o clonar:
https://github.com/4GeeksAcademy/react-hello
👉 Por favor sigue estos pasos sobre cómo comenzar un proyecto de programación.
💡 Importante: Recuerda guardar y subir tu código a GitHub creando un nuevo repositorio, actualizando el remoto (
git remote set-url origin <your new url>
) y subiendo el código a tu nuevo repositorio usando los comandosadd
,commit
ypush
desde la terminal de git.
- Tu aplicación debería verse así.
- Las tareas se agregan cuando el usuario presiona enter en el teclado.
- El ícono de eliminar solo se muestra cuando pasas el ratón encima de la tarea (hover).
- El usuario puede agregar tantas tareas como desee.
- Cuando no haya tareas pendientes, la lista debería decir "No hay tareas, añadir tareas"
- No hay forma de actualizar una tarea, el usuario tendrá que eliminarla y crearla de nuevo.
No te pongas con el código de inmediato, piensa primero y prepara una estrategia viable.
- ¿Qué componentes crearás? Dibuja tu proyecto en una hoja de papel e identifica los componentes.
- ¿Dónde se almacenarán las tareas en tu componente?
- Lee sobre entradas controladas en react.js, ya que deberás comprender el concepto.
Este y otros proyectos son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.