Skip to content

Este repositorio contiene mi primera aplicación TODO construida con React. Durante este proyecto, aprendí y aplicé varios conceptos clave de React y organización de código.

Notifications You must be signed in to change notification settings

Alexisliao10/react-todo-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React TODO App

Repositorio base del Curso de Introducción a React.js en Platzi

Deploy: https://curso-react-intro-nine.vercel.app/

¡Hola! Un saludo para la persona tan increíble que está dedicando su valioso tiempo a ver este proyecto.

Este repositorio contiene mi primera aplicación TODO construida con React. Durante este proyecto, aprendí y aplicé varios conceptos clave de React y organización de código. A continuación, se describen algunas de las características principales implementadas:

Características Aprendidas

1. Uso de React

  • Implementación de componentes funcionales y de clase en React.
  • Utilización de useState para gestionar el estado local de los componentes.
  • Manipulación de propiedades (props) para pasar datos entre componentes.

2. Custom Hooks

  • Creación y uso de Custom Hooks para encapsular lógica reutilizable.
  • Ejemplo de Custom Hook: useLocalStorage para gestionar datos en localStorage.

3. useEffect y useContext

  • Aplicación de useEffect para manejar efectos secundarios, como peticiones a APIs o actualizaciones del DOM.
  • Utilización de useContext para gestionar el contexto y propiedades globales en la aplicación.

4. Eventos y Manejo de Formularios

  • Implementación de eventos onClick y onChange para interactuar con los elementos de la interfaz de usuario.
  • Manejo de formularios en React para la entrada y modificación de datos.

5. Uso de React Portals

  • Implementación de React Portals para renderizar componentes fuera de la jerarquía principal del DOM.

6. LocalStorage

  • Almacenamiento y recuperación de datos en localStorage para mantener el estado de la aplicación incluso después de recargar la página.

7. Organización de Archivos en React

  • Estructuración y organización de archivos y carpetas en una aplicación React.

Cómo Ejecutar la Aplicación

  1. Clona este repositorio.
  2. Navega al directorio del proyecto: cd react-todo-app.
  3. Instala las dependencias: npm install.
  4. Inicia la aplicación: npm start.

¡Explora y disfruta la aplicación TODO construida con React!


Este proyecto fue creado como parte de mi aprendizaje inicial en React. Espero que sea útil para aquellos que deseen aprender y explorar las funcionalidades de React en una aplicación práctica de TODO.

About

Este repositorio contiene mi primera aplicación TODO construida con React. Durante este proyecto, aprendí y aplicé varios conceptos clave de React y organización de código.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 64.7%
  • CSS 23.9%
  • HTML 11.4%