Build React Forms with Redux

 10 Reviews Add a review

Published June 2017

Easily create forms with Redux Form

Redux-form is the best way to save form state in Redux. When building a form, you may wish for the ability to save form state, allowing form values to be interacted with from anywhere in your application. Using redux-form allows you to easily create forms and use redux-form actions to manage your form’s state.

This course will cover the basics of forms in React and Redux, explain the value of redux-form, and cover the basics of creation of forms using redux-form. Beyond that, you will also learn about validation of forms that were created with redux-form, and management of their error messages, allowing you to build robust forms while retaining the ability to save the state of form items.

For more on Redux, learn about Redux design issues in our mini course Redux Design Issues and Testing. Redux is a popular implementation of Flux that helps us easily manage our application state and organize our React apps. Despite elegantly solving state management problems, Redux comes with a few design issues of its own. We explore those in our mini course.

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

  • Learn the basics of forms with Redux and React
  • Save form states with Redux
  • Validate your form with redux-form
  • Closed captions available
Meet your instructor
Brad Westfall

Brad is the developer/designer and owner behind Like many, Brad has been working with web development for a long time; 1999. He is a front-end specialist with a passion in building web applications, attending meet-ups and teaching. If you attend a web developer bootcamp, he may even be your teacher!

Lesson 1: Why Redux?
Why Redux? 11:53
Lesson 2: Forms with React and Redux
Forms with React and Redux 10:03
Moulding a Redux-Form 5:12
Higher Order Components with Redux-Form 9:46
Validating Redux-Forms 4:30

Leave a Review