React Redux Tutorial - Part 4 (Redux Saga)

This video series will explain some useful React tools, including Redux Toolkit (for managing global application state) and Redux Saga (for managing asynchronous data fetching logic)!

In Part 4 of this tutorial we will implement logic for fetching data from a REST API using Redux Saga. This will include topics such as creating a "Watcher Saga" and "Worker Saga".

🕑 Timeline
00:00 Introduction
00:25 Redux Async Data Flow
00:53 Installing Package
01:01 Creating the Root Saga
01:53 Adding a Middleware to the Store
03:10 Creating a Quote "Slice"
06:01 Creating an API Helper
08:40 Creating the Quote "Saga"
12:43 Adding the Quote Saga to the Root Saga
13:08 Adding the Quote Slice to the Store
13:41 useSelector and useDispatch Hooks
15:57 Conclusion

💻 Source Code

🔗 Redux Async Data Flow

🔗 Getting Started With Redux Saga

🔗 Quotes REST API