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

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.