Implementar el Patrón State Reducer Utilizando useReducer React Hook

Podemos utilizar el poder del hook useReducer para aplicar el patrón de diseño state reducer. Este patrón de diseño permite ofrecer al usuario, mayor control sobre el componente, permitiéndole acceder al estado interno para aplicar algún requerimiento.

El componente ofrece una API para acceder a su estado e internamente maneja la unión de ambos reducer, el de usuario y el interno. Además en este ejemplo, se permite al usuario definir el estado inicial del componente, otorgando así aún más flexibilidad al utilizar el componente Wizard.