Examples

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 run them locally, clone the redux-form repository, run npm install, cd into an example folder, and run npm install and npm start. Then open localhost:3030 in your browser.


Simple Form

The simplest form. Demonstrates how to attach standard inputs to Redux.


Synchronous Validation

How to add synchronous client-side validation to your form.


Submit Validation

How to return server-side validation errors back from your submit function.


Aynchronous Blur Validation

How to run asynchronous server-side validation on your form when certain fields lose focus.


Initializing From State

How to initialize your form data from any slice of the Redux state.


Field Arrays

How to create and manipulate arrays of fields.


Normalizing

How to use normalize your form values.


Immutable JS

How to use Immutable JS for redux-form state storage.


Selecting Form Values

How to bind certain form values as props to your entire form component.


Wizard Form

How to create a multi-page "wizard" form.


Material-UI Examples

Contains multiple Material-UI examples


React-Widgets Examples

How to use react-widgets components with redux-form