From the course: Building Modern Projects with React
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Adding another reducer
From the course: Building Modern Projects with React
Adding another reducer
- [Instructor] So we just added three more actions to our application and we implemented a loadTodos thunk that will handle the logic of loading data from our server as well as dispatch other actions and thunks depending on what happens during loading. What we've got to do now is right some code that will take these actions that our loadTodos thunk is dispatching and make corresponding changes to the Redux store when each of these actions occurs. Now as you may have guessed the additions we're going to make to our code will be in the reducers file so let's open up reducers.js and the first thing we're going to do here is import the three action types we just defined. So let's rearrange this a little bit to make it more readable. And to this list we're going to add LOAD_TODOS_IN_PROGRESS, LOAD_TODOS_SUCCESS and LOAD_TODOS_FAILURE. And now we have to ask ourselves what changes we expect to see in our Redux store whenever each of…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
-
-
-
-
Why do you need Redux Thunk?1m 57s
-
How does Redux Thunk work?2m 51s
-
Adding Redux Thunk to React2m 30s
-
Creating a thunk3m 30s
-
The Todos API2m 18s
-
Async thunks5m 56s
-
Adding another reducer7m 19s
-
Refactoring the todos reducer2m 50s
-
Using thunks to create server resources5m 58s
-
Using thunks to delete server resources4m 46s
-
Challenge: Using thunks to update server resources1m 14s
-
Solution: Using thunks to update server resources3m 34s
-
-
-
-
-