1×
Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account
Autoplay

    Agregar Lógica Personalizada Utilizando el Patrón State Reducer y React Custom Hooks

    reactReact

    Nuestro componente wizard implementa el patrón state reducer y expone varios hooks personalizados para permitir al usuario definir como utilizar el componente, es decir, nuestro Wizard sólo define la lógica básica de su funcionamiento. Por medio del patrón state reducer, nuestro Wizard expone acceso al estado interno permitiendo crear lógica personalizada que permite utilizar el componente para realizar otras acciones. En este caso se agrega una nueva acción al reducer y un nuevo estado que permiten obtener los datos de un comic de XKCD para mostrarlo en una de las páginas del Wizard, y también modifica los controles de navegación permitiendo avanzar a la siguiente página utilizando el botón de búsqueda.