Redux Toolkit with Redux Saga | Toolkit and Saga made Simple
HTML-код
- Опубликовано: 2 июн 2024
- In this video we will going over Redux Toolkit and Redux Saga. We will also be creating a simple gallery application.
Redux Toolkit: redux-toolkit.js.org/
Redux Saga: redux-saga.js.org/
Link to CSS File: github.com/ed-roh/redux-toolk...
-----------
Chapters:
0:00 Is Redux Toolkit and Redux Saga a good combo
1:00 How to Setup Redux Toolkit and Saga
3:15 Redux Toolkit Setup
10:36 Writing Redux Saga Syntax
17:00 Using our Easy Toolkit and Saga Setup
26:00 Why you should use Redux Toolkit and Saga
-----------
Subscribe to my channel: / @edrohdev
for more algorithm explanations, tech discussions, and programming tutorials!
-----------
Hey there, my name’s EdRoh. On my channel, you will find common coding algorithms and/or interview questions (with explanations of course). I also provide tutorials and courses on other programming topics in Web Development including Javascript, React, HTML, CSS, TypeScript, Redux, Node, Progressive Web Apps, React Native, Flutter, etc.
No matter what level you are, whether you are already in the software engineering field, or are just beginning coding in bootcamp or being self taught, my first and foremost desire is to help you provide with the best teaching content and learning resource I possibly can. As someone who understands the struggles of switching careers, I hope I can help guide you into this difficult but rewarding journey into engineering. - Наука
Very informative, well explained and straight to the point. Wish I had seen this first, before delving into the docs. Keep it up!
This was so nice to watch. Just useful information's. Not wasting time. Nice pace. Thanks a lot!!
Amazing. You are a very gifted teacher! Thank you.
Exactly what I needed, thanks!
Great video! Would have really been a cherry on top if we had explored the unit testing side of all this. Probably the real win out of all this
Best video. You explained the whole example really well brother. Could you please make more project videos using Redux Toolkit and saga so that we can learn more advance topics of saga. May be CRUD app, login registration forms, shopping site etc .
My hero! Thank you for this great tutorial.
Great explanation. I like the nice and slow way you explain things. Thanks
Great video, thanks for explaining this simple yet we tend to make it complex topic!
Impressive tutorial. Quick and precise.
Beautiful explanation. Thanks a lot!
amazing tutorial. Really wonder why redux toolkit picks thunk over saga. Would you still use thunk sometimes as it is included in RTK or are you doing everything with saga?
Thank you. so simple, so informative, without any water)
You made me my day, great man!
Thank you for the great tutorial
Thank you , amazing tutorial👍
Thank you. simple & clear
This video was a lifesaver!
Very good video, excellent explaining. Thanks!!!
The only thing is that the API doesn't provide anymore the prop image. So for those who are having problems, don't put the and it will work.
Its really helpful. Thank you.
You make it easy to understand 👍
This is great explanation. !!
Thank you very much! It worked!
very good tutorial. thank you!
amazing explanation, thank you
thank you so much for this informative and awesome video keep it up
Great teaching, thanks
Thank you for very nice explain!
Thank you well explained, beginner friendly and up to date and relevant 2023 April very easy to follow :) Thank you @EdRoh
Great video, thank you!
It's very usefull lesson! Thank you so mauch
Thank you for the great video
thnak you so musch, this is help me
thank you for the video, can you do more a CRUD about Toolkit and Saga
Thank you guy!!!
5:17 index
9:54 catsState.js
10:24 index 2
12:19 explain Action_type
16:33 catSaga.js
16:55 index 3
19:57 app js
20:17 typo at catstate
thank you so much !!!
Could you please upload for all CRUD operations
great video
This is good. But what's wrong with the old approach where we have 3 directories store, actions and reducers?
Nice video
hey edward, can you please explain why am i receiving error as 'catState is not defined' at line no 23 in catState.js file?
what theme are you using, awesome video btw
Please help me: my catSaga and catState files are contains errors, because i'm using TypeScript. How can I modify those files to working in TypeScript?
Great , But for get the login details what will we do First we save the state and then call saga , like a function save the username password and then the saga is called ? or anything
how do pass any payload, to make post request using state from the component/ slice, inside the saga's worker function?
It’s still have lots of code . If I use SWR or React query instead of using redux , is there will be any trouble?
Why did add dispatch as dependency? is it because it will keep on calling again and again on the same page and it will show or add new data to the page if api data has increased from earlier.?
hi can you please tell if i can pass a callback in dispatch to get success right after calling so i can redirect to different page after dispatch like doing login
Thank you
please help me out here..
I've done the exact steps to integrate redux saga in my react project which was already using redux toolkit and while running my react project later my proj is not loading fully and I'm getting this error on my command prompt later
FATAL ERROR: Committing semi space failed. Allocation failed - Javascript heap out of memory
( I've tried using --max_old_space_size=4096 in my start script but nothing changes )
Thanks. if this was typescript it would be epic tho :)
Where to perform create store logic if i am setting this in Next App
what if we have many saga?
do we have to combine them by using all effects like we do in typical saga?
Have you found a way to combine many sagas?
getting this error please help
"Uncaught Error: The slice reducer for key "cats" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.
"
Watch for a typo on
"initialState: {
cats: [],
isLoading: false,
},"
(I had initalState instead of initialState)
Or
On your reducers, add a default case ;)
Please do it with TypeScript
Amazing ++++++++++++++++++++++++++++++
I never saw a so complex and over engineered way to handle memory in a browser! Im assume if someone who think in this library as an improvement see & or * before a variable will call the police!
Doesn't make any sense but interesting