Redux Quick Start Guide

Redux form

In this project, we're going to use redux-form (https://redux-form.com/) to build the forms. Redux form is a popular way to manage form state in Redux. It is easy to use, provides immutable JS support, and optimizes and solves most of the use cases ranging from simple, multi-step forms, to more complex. Some of the nifty examples of how we can integrate Redux form can be found here: https://redux-form.com/8.1.0/examples/.

There are five steps involved in using redux-form in our application, which are as follows:

1. Install the package, as follows:

yarn add redux-form --exac

2. Initiate the form reducer in the root reducer. So, in app/reducers.js, we add form reducer, as follows:

import { reducer as formReducer } from 'redux-form/immutable'; ...