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.
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 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
Next.js - The Full Coursefireship.io
CodeFast | Learn to code in weeks, not months.Marc Lou
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)udemy
Server Side Rendering with React and ReduxudemyStephen Grider
React Data Fetching: Beyond the Basicsfullstack.io
React Supabase Full Coursefireship.io
