Geek Answers Handbook

How to use a Redux form wizard with permanent URLs per page

I am working on creating a registration profile installation thread for a new application using React + Redux.

I found the following example for the reduction form wizard:

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

This is apparently the closest example, but the problem is that each step of the wizard does not change the URL, so if the user clicks the browser forward / backward or updates his browser, it will break.

Would it be nice if the master reducer had permanent URLs? If so, then any pointers for response will be appreciated, a novice reduct on how to properly approach this issue.

something where the wizard has urls, for example:

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

Thanks!

+8
reactjs react-redux redux-form
source share
1 answer

Would it be nice if the reduction wizard had permanent URLs?

The way it is implemented depends on each use case. I do not see any problem why this will not be normal.

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

Speaking of the official example, you can approach this as follows:

  • Create a route /wizard/name that will display the same component WizardForm.js ;
  • If subpath /name , draw WizardFormFirstPage
  • The same goes for other subfolders.
+3
source share

More articles:


All Articles