From the course: Building Modern Projects with React
Unlock this course with a free trial
Join today to access over 24,800 courses taught by industry experts.
Challenge: Adding a Redux flow - React.js Tutorial
From the course: Building Modern Projects with React
Challenge: Adding a Redux flow
(bright rhythmic music) (bright rhythmic music fading) - [Instructor] Alright, so at this point, we've seen the basics of writing logic for marking to-dos as completed and deleting to-dos, as well as incorporating those into the corresponding components. So it's time for you to do a challenge that will help you apply this to another component, right? You probably have noticed by now that we still don't yet have a way to create to-dos in our application, at least it's not hooked up to the Redux store, so that's going to be your challenge. Specifically, what you're going to need to do is go into the NewToDoForm component, and use the useDispatch hook in order to allow users to create new to-dos by dispatching the correct action. So that is your challenge, this should take you maybe five to 10 minutes to complete. And once you've given it a try, feel free to move on to the next video where I'll walk you through the solution.
Contents
-
-
-
-
-
-
-
-
(Locked)
Why do we need Redux?2m 33s
-
(Locked)
How does Redux work?4m 35s
-
(Locked)
Adding Redux to a React app4m 57s
-
(Locked)
Creating Redux actions4m 17s
-
(Locked)
Creating reducers4m 27s
-
(Locked)
Loading data from the store5m 7s
-
(Locked)
Dispatching Redux actions7m 10s
-
(Locked)
Adding action payloads2m 46s
-
(Locked)
Challenge: Adding a Redux flow1m 1s
-
(Locked)
Solution: Adding a Redux flow2m 56s
-
(Locked)
Redux DevTools4m 35s
-
(Locked)
-
-
-
-
-
-