From the course: Building Modern Projects with React
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Running a React-Redux application
From the course: Building Modern Projects with React
Running a React-Redux application
- [Presenter] Now that we've seen the basics of how to connect components to the Redux store, there's one more important component that we need to do this with right now. And that's the ToDoList component. As it stands right now, we can create new to do items with our connected NewToDoForm component, but those changes won't actually be reflected in our to do list since it's not yet connected to the store. And while we're at it, we still have to make the remove and completed buttons in our ToDoList item component do something. In this video, we're going to take care of the remove button and then making the completed button work will be a challenge and solution video so stay tuned for that. Okay, so let's connect our TodoList to the Redux store. The flow for this is going to be very similar to what we did for the NewTodoForm. We're going to start off by importing connect. So up here, we'll say import, connect from…
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
-
-
-
-
-
-