En esta aplicación web, crearemos una lista de tareas simple utilizando React, HTML y CSS. Una lista de tareas te permite agregar tareas pendientes y marcarlas como completadas cuando las hayas terminado.
- React: Una biblioteca de JavaScript para construir interfaces de usuario.
- HTML: Lenguaje de marcado para estructurar la página web.
- CSS: Lenguaje de hojas de estilo para darle estilo a la aplicación.
La aplicación se divide en varios contenedores:
- App.js: El componente principal que contiene el estado de la lista de tareas y maneja la lógica principal.
- To_Do_List.js: Un componente que muestra la lista de tareas.
- TaskForm.js: Un componente para crear una tarea nueva.
- Clona el repositorio o crea un nuevo proyecto de React.
- Copia y pega los componentes
TodoList.js
,To_Do_List.js
yTaskForm.js
en los archivos correspondientes de tu proyecto. - Implementa la lógica de la lista de tareas en
App.js
. - Agrega estilos a tu aplicación en
styles.css
. - Ejecuta tu aplicación React utilizando
npm start
oyarn start
.
¡Disfruta construyendo tu lista de tareas con React!