Redux Saga
Course description
Redux Saga is a fast-growing library with over 9,000 stars on GitHub. It lets you rapidly create asynchronous apps using a new tool called ES6 Generators. In this course, you'll learn about Redux Saga, ES6, testing, effects, and channels. The basis of any good, modern Redux application is the ability to orchestrate asynchronous calls to outside APIs, while working with the mostly synchronous language of JavaScript. In this course, Redux Saga, you'll learn the skills you need to vastly improve your Redux application performance and development time.
Read more about the course
Throughout the course, you'll be building a non-trivial shopping cart application, where users can add or remove cart items, see shipping and tax totals, and check out, all while keeping state synchronized with the server. First, you'll delve into Redux Saga, its uses and origins, and how it fits in with other Redux middlewares. Next, you'll explore nearly ever Redux Saga effect, each illustrated with an example. Finally, you'll discover Redux Saga channels, testing, and other advanced topics. By the end of this course, you'll have the necessary knowledge to build a whole application using Redux Saga.
Watch Online
Watch Online Redux Saga
All Course Lessons (59)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Course Overview Demo | 02:18 | |
| 2 | Introduction | 02:01 | |
| 3 | Why Redux? | 02:35 | |
| 4 | Who This Course is For | 03:35 | |
| 5 | What This Course Will/won't Be Covering | 02:44 | |
| 6 | Course Roadmap | 00:56 | |
| 7 | Course Prerequisites | 02:26 | |
| 8 | Overview of the Demo Application | 04:29 | |
| 9 | What Is Redux Saga? | 01:14 | |
| 10 | What Is a Saga? | 02:34 | |
| 11 | Why Use Redux Saga? | 01:28 | |
| 12 | Redux Thunk vs. Redux Saga | 02:55 | |
| 13 | Setting up the Application (Demo) | 05:38 | |
| 14 | Installing and Configuring Redux Saga (Demo) | 02:00 | |
| 15 | Creating Your First Saga (Demo) | 05:08 | |
| 16 | Conclusion | 00:56 | |
| 17 | Introduction | 00:40 | |
| 18 | What Is Yield? | 02:44 | |
| 19 | Advantages and Disadvantages to Yield | 03:09 | |
| 20 | Generator Functions | 01:57 | |
| 21 | Creating a Generator (Demo) | 06:41 | |
| 22 | Yield and Promises | 01:09 | |
| 23 | Wrapping Generators | 01:40 | |
| 24 | Wrapping Generators with Redux Saga and Co (Demo) | 04:33 | |
| 25 | Summary | 01:06 | |
| 26 | Module Introduction | 00:41 | |
| 27 | Introduction to Effects | 01:25 | |
| 28 | Take | 03:22 | |
| 29 | Put | 02:40 | |
| 30 | Call | 02:04 | |
| 31 | Implementing Take, Call, and Put in the Application | 05:04 | |
| 32 | Fork | 02:35 | |
| 33 | Implementing Fork in the Application | 06:37 | |
| 34 | TakeEvery | 02:22 | |
| 35 | Cancel and Cancelled | 04:08 | |
| 36 | TakeLatest | 07:36 | |
| 37 | Select | 00:42 | |
| 38 | Spawn | 02:49 | |
| 39 | All | 03:52 | |
| 40 | Module Summary | 00:56 | |
| 41 | Introduction to Channels | 00:42 | |
| 42 | What Are Channels? | 00:57 | |
| 43 | Action Channels | 03:45 | |
| 44 | Generic Channels | 03:15 | |
| 45 | Event Channels | 04:55 | |
| 46 | Shipping Saga | 05:25 | |
| 47 | Tax Rate Saga | 02:27 | |
| 48 | Checkout Availability Saga | 02:54 | |
| 49 | Checkout Saga | 09:21 | |
| 50 | Summary | 00:50 | |
| 51 | Module Overview | 00:27 | |
| 52 | Testing Redux Saga Applications | 01:53 | |
| 53 | Methods for Testing Redux Saga Applications | 04:40 | |
| 54 | Implementing Tests for the Application/the User Status Saga Test | 06:03 | |
| 55 | Implementing Tests for the Item Quantity Saga | 06:11 | |
| 56 | Conclusion | 01:13 | |
| 57 | Course Summary | 03:07 | |
| 58 | Continuing Development of the Application | 01:54 | |
| 59 | Thank You | 01:26 |
Unlock unlimited learning
Get instant access to all 58 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Query - Essentials (v2)
Next.js & React with ChatGPT - Development Guide (2023)
AWS AppSync & Amplify with React & GraphQL - Complete Guide
React Simplified - Bonus Project
