Manage React Form State with redux-form

Overview

Working with forms can be laborious, but redux-form takes out the tedium and replaces it with an enjoyable way to create beautifully crafted forms. You get the benefit of integrating form state with an existing Redux application, plus the ability to track the state of your form with precision in Redux DevTools, without writing lots of boilerplate code.
In this course, we will use the redux-form package to create a form whose state is easy and enjoyable to manage. Over 46 minutes and 14 lessons, we will:
find out how redux-form ties into a React/Redux application
learn how to use both synchronous and asynchronous validation
use real-world examples and effective ways of presenting relevant information to the user
Learn to create precise, reusable form components, and enjoy yourself in the process.

Syllabus

Course Overview: Manage React Form State with redux-form
Bootstrap a create-react-app project with React, Redux, and redux-form
Create a Simple Form Field in redux-form
Use a Custom Input Component as a redux-form Field
Set an Initial Value of a Form Field using redux-form
Access the State of redux-form Fields using the `meta` prop
Add Synchronous Validation to a redux-form using a Validation Function
Add Synchronous Validation to a redux-form using field-level Validation
Add Styles that Reflect the Validity of redux-form Fields
Access Other Values of the Current Form with redux-form
Use Asynchronous Validation after Submitting a Form in redux-form
Use Asynchronous Blur Validation while a Form is being Filled out using redux-form
Limit or Control What gets Input into a redux-form Field using normalizing
Use FieldArray to deal with multiple similar fields