[SOLVED] How to use Redux Form Wizard with permanent URLS per page

How to use Redux Form Wizard with permanent URLS per page

I'm working to build a signup > profile setup flow for a new application which is using React + Redux.

I found the following example for a redux form wizard:

http://redux-form.com/6.7.0/examples/wizard/

This seems to be the closest example but the problem is each step in the wizard does not change the URL, so if the user clicks the browser's forward/back btn or refreshes their browser, it will break.

Would it be OK to make Redux form wizard have permanent URLs? How can I approach this as a beginner?

Something where the wizard has URLs like:

/wizard/name
/wizard/profile
/wizard/photo

Solution

Would it be OK to make Redux form wizard have permanent URLs?

The way how it's implemented depends on every use case. I don't see any problem why it wouldn't be ok.

The wizard example tells you everything you need to know regarding your approach.

Talking about the official example, you could approach this in the following way:

Create a /wizard/name route which would render the same WizardForm.js component;
If the subpath is /name, render the WizardFormFirstPage
Same for the other subpaths.