Manage React Form State with redux-form
Offered By: egghead.io
Course Description
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.
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
Taught by
Rory Smith
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX