/coronavirus

React en los tiempos del coronavirus es un curso completo sobre React que grabé durante los primeros días del confinamiento para mi canal de Youtube con el objetivo de hacer más amenos esos días encerrados en casa.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

🦠 React en los tiempos del coronavirus 🦠

React en los tiempos del coronavirus

Descripción

React en los tiempos del coronavirus es un curso completo sobre React que grabé durante los primeros días del confinamiento para mi canal de Youtube con el objetivo de hacer más amenos esos días encerrados en casa.

El curso se compone de 14 sesiones, cada una de ellas centrada en un tema distinto pero todas ellas centradas en explicar cómo desarrollar una aplicación que permita consumir una API externa para mostrar información.

En este repositorio podrás encontrar el proyecto final así como el código asociado a cada uno de los capítulos en las etiquetas correspondientes. Por ejemplo, el código desarrollado hasta el capítulo 4 se encuentra en la etiqueta 0.4.0, así creo que te resultará mucho más sencillo ver y comprender el curso.

Capítulos

Este curso de introducción a React se compone de los siguientes capítulos:

  1. Introducción a React
  2. Consumo de API's externas y estado de los componentes
  3. PropTypes, Styled Components y el hook useEffect
  4. React Router y nuestro primer custom hook
  5. La API Context de React y Dark Theme
  6. Suspense / lazy y limpieza del código
  7. Formularios
  8. Gestionando un input file y el hook useReducer
  9. En directo para resolver dudas
  10. La librería Formik
  11. La librería Redux
  12. Creando una extensión para Chrome y habilitando el modo offline
  13. Autenticación y protección de rutas
  14. Errores comunes e integración con Google Charts

🗂 Lista completa de reproducción: https://www.youtube.com/playlist?list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5

Ejecutar el proyecto

Ejecuta yarn start para correr la aplicación en modo desarrollo y abre en tu navegador la dirección http://localhost:3000 para verlo.