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
https://github.com/DLabbate/react-red...
🔗 Redux Async Data Flow
https://redux.js.org/tutorials/fundam...
🔗 Getting Started With Redux Saga
https://redux-saga.js.org/docs/introd...
🔗 Quotes REST API
https://type.fit/api/quotes