Redux Saga
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.
More
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 Redux Saga
| # | Title | Duration |
|---|---|---|
| 1 | Course Overview | 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 |
Similar courses to Redux Saga
Advanced Animating React with Framer Motion
Learn React 19 with Epic React v2
Python/Django + React QR Digital Menu Builder
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL
MERN Stack Front To Back: Full Stack React, Redux & Node.js.
Make 20 React Apps
Master Spring Boot 3 & Spring Framework 6 with Java
Fullstack ASP.NET Core and React Masterclass | Learnify
React Query
