DEV Community

Cover image for React Wizards with State
Benjamin Follis for Uclusion

Posted on • Updated on

React Wizards with State

UclusionWizard
Hi,
Over at Uclusion, we have a fairly large amount of information required to properly set up a Workspace (or Dialog, or Initiative). As we talked about in Wizards aren't just for Hogwarts, to make sure our users aren't hit with too much information at once, we've converted all of our top level creation flows to Wizards.

While doing so we discovered that the most annoying part was keeping track of the form state that the user had entered, and making sure the user could resume if they had to reload or just set down work.

To make sure YOU don't have to go through the same annoyance, we're open sourcing react-formdata-wizard, which will maintain all the state transitions, form data, resets, etc, all in one easy to deal with package.

Unlike other react wizard projects we do not render any UI or nav buttons, but instead provide you with the properties you need to make your own. That keeps state management separate from UI, the way it should be.

Enjoy, and expect more changes as time goes on. We're busily rebasing the entirety of the wizard flow on this package.

Top comments (0)