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
Design 1o1 Redux - Part 1: MyselfAbadir - Accademia di Belle Arti via iversity React Router and Redux
Microsoft via edX Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Desarrollo de Aplicaciones Mobile Multiplataforma con Nativescript, Angular y Redux
Universidad Austral via Coursera React
Udacity