Below are a list of examples that demonstrate the capabilities of redux-form for testing and
learning purposes.
Each example is its own standalone web app with hot reloading. To prepare for running the
examples locally, clone the redux-form repository and run npm install to install the
necessary dependencies for redux-form. Then you can run the examples locally using either
two methods:
-
Run
npm run example:EXAMPLE_FOLDER(Remember to replace EXAMPLE_FOLDER with the name of the folder for the example you want to run likenpm run example:simpleornpm run example:material-ui) -
Manually run the following commands:
# Remember to replace EXAMPLE_FOLDER with the name of the example's folder
cd ./examples/EXAMPLE_FOLDER
npm install
npm start
After following either of these methods, open localhost:3030 in your
browser to view the example running locally on your machine.
The simplest form. Demonstrates how to attach standard inputs to Redux.
How to add synchronous client-side validation to your form.
How to add field-level client-side validation to your form.
How to return server-side validation errors back from your submit function.
How to run asynchronous server-side onBlur validation on your form when certain fields lose focus.
How to run asynchronous server-side onChange validation on your form when certain fields change.
How to initialize your form data from any slice of the Redux state.
How to create and manipulate arrays of fields.
How to use submit your form via a dispatched Redux action.
How to use normalize your form values.
How to use Immutable JS for
redux-formstate storage.
How to bind certain form values as props to your entire form component.
How to create a multi-page "wizard" form.
Contains multiple Material-UI examples
How to use
react-widgetscomponents withredux-form