Skip to content

Latest commit

 

History

History
116 lines (64 loc) · 2.58 KB

README.md

File metadata and controls

116 lines (64 loc) · 2.58 KB

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 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:

  1. Run npm run example:EXAMPLE_FOLDER (Remember to replace EXAMPLE_FOLDER with the name of the folder for the example you want to run like npm run example:simple or npm run example:material-ui)

  2. 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-form state 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-widgets components with redux-form