From the course: Building Modern Projects with React
Unlock the full course today
Join today to access over 24,000 courses taught by industry experts.
Challenge: Adding a Redux flow
From the course: Building Modern Projects with React
Challenge: Adding a Redux flow
(upbeat music) - [Instructor] Now that you've seen most of the basics of incorporating Redux into a React application, it's time for a little challenge. In previous videos, we implemented the entire Redux flow. Action types, action creators and reducers for two actions, creating and removing to-dos. One of the things we haven't done yet, however, is implement this flow for marking a to-do item as completed. And that's your challenge here. Your task is to create the flow for marking the to-do as completed, including the action type and action creator, adding a case to our to-do's reducer to handle this action, adding this action to our connection logic, and finally, hooking it up so that the correct changes to the state are made when the "Mark As Completed" button is clicked. So that's your basic task. To be even more clear, here's what should happen. When the "Mark As Completed" button is clicked on a to-do item, the state…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Why do you need Redux?4m 11s
-
(Locked)
How does Redux work?4m 35s
-
(Locked)
Adding Redux to a React app3m 24s
-
(Locked)
Creating Redux actions4m 16s
-
(Locked)
Creating reducers6m 23s
-
(Locked)
Connecting components to the store7m 1s
-
(Locked)
Running a React-Redux application4m 32s
-
(Locked)
Persisting the Redux store6m 43s
-
(Locked)
Redux DevTools3m 34s
-
(Locked)
Redux best practices3m 53s
-
(Locked)
Challenge: Adding a Redux flow1m 56s
-
(Locked)
Solution: Adding a Redux flow4m 14s
-
-
-
-
-
-