Redux Saga - Asynchronous Side Effects for Redux
HTML-код
- Опубликовано: 27 июл 2024
- Learn Redux Saga with Redux which is a solution to add asynchronous code like making API calls to Redux. It is a scalable solution for big production projects. Here we create a real Redux Saga example by refactoring React hooks code to Redux and Redux Saga.
TIMESTAMPS
0:00 Introduction
1:22 Project
3:41 Redux Saga installation
10:11 Fetching users
13:38 Adding Redux saga
22:21 Creating a user
► CHECK MY COURSES - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
REFERENCES
► Source code - github.com/monsterlessonsacad...
RECOMMENDED VIDEOS
► My editor setup for web development - • Best Text Editor for W...
► Angular Tutorial for Beginners - • Angular Tutorial for B...
► Vue JS Crash Course - • Vue JS Crash Course fo...
► React Hooks Full Course - • React Hooks Tutorial f...
► Typescript Course for Beginners - • Typescript Crash Cours...
► Build a Todo App with Angular - • Build a Todo App With ...
► Creating custom select library - • Custom Javascript Drop...
► HTML Price comparison - • Practice CSS and HTML ...
► How to build Quiz with React hooks - • How to Build a Quiz Wi...
MY COURSES
► NestJS course - • Nest JS Project From S...
► Docker + Docker compose course - • Docker Compose Tutoria...
► Angular + NgRx course - • Angular Course 2021 - ...
► Vue + Vuex course - • Vue Course With Projec...
► React hooks course - • React Hooks tutorial b...
Thank you so much! This video is the one that finally made me understand it.
If someone else is still struggling, what worked for me is not splitting so much (just for learning purposes) and not abstracting actions, simply doing yield put({ type: "ABC", payload: ABC }).
Maybe I'm weird, but this made my brain click, now that I understand I can split everything back to different folders and files again.
You are welcome!
Awesome video. Thanks alot for giving the context and not directly jumping to the coding
Glad it was helpful!
Nice!!!
Thanks!
very good video. i get the core concept with in 30 minutes. thank you!
Glad it helped!
My new favorite instructor. Soon as I get a job with your videos I will get you some 🍺 💰
Awesome! Thank you!
Thanks Alex
You are welcome!
Thx for the video. I've been using redux and redux-saga for a very long time in my projects but i'm starting to wonder, what are the alternatives(if there are) to redux-saga in 2022? I know there are tons of alternatives for redux, but what about redux-saga?
I don't know any alternatives to redux saga and I don't know if we need anything else. It is either redux-thunk or redux-saga.
@@MonsterlessonsAcademy Yeah that what i was thinking. So if instead of redux we use some other state management library like Zustand for example, how do we manage async effects?
@@Deliverant then it depends on the library how they do async effects.
Hi, can i ask, so the action for the createUser was never used? 23:03
Hi it is used automatically through saga
github.com/monsterlessonsacademy/monsterlessonsacademy/blob/245-redux-saga/src/redux/sagas/handlers/createUser.js
16:00 - I see what you did there ;)
(...already subscribed though)
25:05 - the pop-up modal reminds me that Redux--Saga also include Channels mechanism.
Do you have any experience with this concept? (requires a deeper dive)
- Your project arrangement is very elegant but I find files with the exact same name quite confusing to work with (despite the different folders which they are included in)
Thanks! Keep in mind that Saga is an old tool and is not recommened by Redux team nowadays. The recommened solution is redux-toolkit.
@@MonsterlessonsAcademy I left a job using rtk and now I'm interviewing at a company that uses redux saga 💀
Nice and to the point explanation of saga. Loved it. Also did you cover redux-thunk/redux-toolkit for sideeffects
Sure. ruclips.net/video/DWnWW-Izw6I/видео.html