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
Ingeniero de Software, Padre y Podcaster. Disfruto crear soluciones de software y aunque parezca extraño me divierto escribiendo y aprendiendo Javascript y otras hierbas. Trabajo como React Staff Senior Engineer at Clevertech Mis Podcast son Control Remoto y Café con Tech. También escribo para FreeCodeCamp.
Software Engineer, Father and podcaster. I really enjoy crafting software solutions and believe it or not I have fun writing and learning Javascript and other herbs I work as React Staff Senior Engineer at Clevertech My podcasts are Control Remoto and Café con Tech. I also write for FreeCodeCamp.