La nueva API de React Hooks permite utilizar diferentes patrones de forma sencilla, directa y funcional.
En esta colección encontrarás un paso a paso para construir un componente complejo utilizando diferentes patrones de diseño implementados gracias al uso de la API Hooks.
Comenzaremos con un sencillo componente <Wizard>
que hace uso del hook useState
y en cada lección iremos mejorando la implementación mediante el uso de diferentes estrategias.
En la última lección tendremos un componente Wizard completamente flexible al uso del usuario y habrás aprendido el uso de los hooks useState
, useReducer
, useContext
y useEffect
junto con algunos patrones de diseño populares en la construcción de aplicaciones con React.
Podrás encontrar el código y notas para cada una de las lecciones en el repositorio en github.
Cada lección tiene un directorio asociado dentro de src
, 101, 102, 103, etc. Dentro de cada directorio encontrarás el archivo fuente para el componente Wizard.js
y un archivo App.js
con el código que utiliza el componente además de algunas notas extra en el archivo Readme.md
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.