How it works...

As you can see, Redux Form is easy to implement:

  1. On the first step, we connected our Redux Form reducer to our store
  2. In the second step, we create our TodoForm component, where we render our form fields, connect our form reducer to the store, and where we send back the values to the addTask callback
  3. In the last step, we render our TodoForm and send the addTask callback, which handles the task value to insert it into the local state

In the end, we are going to see the same result as the last recipe, but now using Redux Form, as shown in the following screenshot:

Get React Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.