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

---