/ Forms

A Higher Order Component using react-redux to keep form state in a Redux store

A Higher Order Component using react-redux to keep form state in a Redux store

redux-form

redux-form works with React Redux to enable an html form in React to use Redux to store all of its state.

The best way to manage your form state in Redux.

Live Demo

http://redux-form.com/7.0.4/

Installation

npm install --save redux-form

To connect your React form components to your Redux store you'll need following pieces from the redux-form package:

Redux Reducer: formReducer,
React HOC reduxForm() and component.
It's important to understand their responsibilities:

type responsibility
formReducer reducer function that tells how to update the Redux store based on changes coming from the application; those changes are described by Redux actions
reduxForm() HOC function that takes configuration object and returns a new function; use it to wrap your form component and bind user interaction to dispatch of Redux actions
component component that lives inside your wrapped form component; use it to connect the input components to the redux-form logic

GitHub