Redux Saga

2h 54m 54s
English
Paid

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

Join premium to watch
Go to premium
# 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

MERN React Node Next.js Multi User SEO Blogging Platform

MERN React Node Next.js Multi User SEO Blogging Platformudemy

Category: React.js, Next.js, Node.js
Duration 20 hours 25 minutes 13 seconds
React Node FullStack - Ecommerce from Scratch to Deployment

React Node FullStack - Ecommerce from Scratch to Deploymentudemy

Category: React.js, Node.js, MongoDB
Duration 16 hours 15 minutes 14 seconds
Next.js & React with ChatGPT - Development Guide (2023)

Next.js & React with ChatGPT - Development Guide (2023)udemy

Category: React.js, Next.js, ChatGPT
Duration 7 hours 6 minutes 49 seconds
My first Remix app

My first Remix appBuild UI

Category: React.js
Duration 5 hours 44 seconds
React Query

React Queryui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 7 hours 1 minute 30 seconds
Server side rendering with Next + React

Server side rendering with Next + Reactudemy

Category: React.js, Next.js, MongoDB, OpenGL Shading Language (GLSL)
Duration 29 hours 43 minutes 19 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!udemy

Category: JavaScript, React.js, HTML, CSS
Duration 12 hours 13 minutes 30 seconds
MERN Stack - React Node from Scratch Building Social Network

MERN Stack - React Node from Scratch Building Social Networkudemy

Category: React.js, Node.js, MongoDB
Duration 20 hours 49 minutes 20 seconds