Redux has previously been difficult to learn and implement, but it has also been the best known global state management system for React. The creators of Redux have addressed the difficulties of Redux by offering Redux Toolkit as the recommended modern way to implement Redux. Redux Toolkit abstracts away some of the previous difficulties and makes applying Redux to your project easier! If you are just getting started with React, I suggest completing my React JS full course for beginners first: ua-cam.com/video/RVFAyFWO4go/v-deo.html
@@eric_ng5253 this is my first on Redux and Redux toolkit. I previously have one tutorial in my react series on easy peasy redux which is a great implementation. I also cover the context API in that series.
A mental model that has helped me understand the flow 1. State -> Object 2. Actions -> Events 3. Reducers -> Event Listeners 4. Dispatch -> Event Triggers
4 місяці тому
This is an incredible alternative way to remember them. Thanks.
I agree with Nam Nguyen's comment... "I learned from udemy and from many coding channels on youtube, BUT you are one of the very best teachers, your teaching style is so simple and easy to understand."
I learned from udemy and from many coding channels on youtube, BUT you are one of the very best teachers, your teaching style is so simple and easy to understand. Thank you very much Dave, look forward to all of your new videos 🎉🙏✨
Dave, I have now started to watch only your videos... Please don't ever stop sharing your knowledge with us. I love your teaching style, I learn so much from you. Thank you ! :)
I just dont know why I am seeing this right now. I have wasted a lot of time trying to understand redux toolkit from other tutorials but I got more confused. But everything makes sense to me now. U are a gem of a teacher. Thank you for all you do. After watching ur node js course, I fell in luv with ur teaching style. Thank u Sir❤
Hi, dave it's been a month since. I remember your Js course and it helps me a lot in my web development journey. I also finished your react course and not. I want to finish this redux course for you. I have recommended my friends to watch your tutorial because you teach so simple, direct, and easy, especially to beginners. Mabuhay ka Dave
Dave, you have quickly become my favorite UA-cam channel to learn from. Your pace, tonality, and very well structured lesson context is beyond amazing. I've learned so much from you and have digested your content very easily. Thank you for all you do!
ok. I just looked at your github repo for the useReducer example. I have to say I have struggled with redux and useReducer, and just like that as soon as I see your repo, I can actually see what is happening. I have looked at soooo many different tutorials and I swear they just confuse me more. You are an amazing teacher, thank you Dave!!
Just two notes for you. 1) I LOVE how you specify what shortcuts you're using! We're beginners, we don't know your shortcuts! Thanks for being one of the first and few who actually spell out their hotkeys in tutorials like these. 2) Great tutorial, I feel my brain expanding. Great note on progress rather than perfection. That's the ticket. That's the energy we need for the new year, 2023.
a lot of channels do this, but be careful calling increment and decrement actions. They are actually action creators. It might not seem like it matters but it was really confusing to me at first, so I just wanted to clarify for anyone else confused. That is the reason why at 12:40 you call the functions to dispatch the action. You need to get the return value of the action creator, an action object, and then dispatch that
I think if you continue the series, you will hear me clearly define the action creators. It is a lot to take in as someone gets started with this. Hopefully, the series brings it all together. 💯🚀
Use it at work, learned a while back + learned some RTK recently. Used it on a project of my own actually. But, it still somewhat slips over my head here and there. Going through these videos has been the nail in the coffin for understanding it all. You wonderfully explained it. Your style resonated with me - straight to the point, technical, and not completely easy.
I’ve watched 12 minutes of the video and I’m already understanding. I got scared of redux for years. Went to vuejs and got a job but after all these layoffs (including myself) I had to comeback to react 😂 there are to many jobs right now in react for DOD especially surprisingly (Army Vet) that it’s my way back in the game. 💪🏾 I want to thank Dave for providing this for free! The job market sucks for Jr’s like me (i’m 40. discovered tech late) so I appreciate the content! I’m gonna go through your series and hopefully I get back on track!
This is great! i was falling asleep reading the react-redux documentation and not looking forward to checking out redux-toolkit but this is a great tutorial thanks!
I dont know yet everything I learned on React was smooth, short and simple. Never a lesson over 20 mins. But with redux ... only courses likes 2 hours minimum. I really hope this will save me time later, cause thats a huge time investment.
Those who wonder what createSlice will return ? , which will return an object that looks like: { name : string, reducer : ReducerFunction, actions : Record, caseReducers: Record. getInitialState: () => State }
thanks for the great video, very helpful. Im pretty confused the part at 9:08, that you import counterReducer from the counterSlice file, but i couldn't find the counterReducer in that file. would you mind to give me a hint? thanks!
Hi Yonnie - I'll try to help. If you go to the resources link in the description and view my source code for lesson 1, please look in the counterSlice file. At the very bottom of the file, you should see "export default counterSlice.reducer" ..The counterSlice we create above in that file has a reducer, and that is what is exported here and then imported at 9:08 as you referenced.
are you reading my mind? I am getting ready for my interview where I expect a lot of questions about redux toolkit... and I am one day in learning redux... this video will be extremely helpful!
Thanks Dave that's super cool tutorial. redux-toolkit is a brand new from redux. This tutorial quite rare in youtube and you explain it in a simple way very easy to understand , You gotta one subs from me...
It was wonderful session which I have never watched in any channel and that 20 mins content was really made me to fully concentrated until the end of the vedio. Thank you so much for making this kind of vedio ❤️
Thanks again dave, yesterday I was about to ask yo about using redux toolkit in useRefreshToken, useAxiosPrivate and useLogout hooks. I can't wait you make video for that also ;)
Thank you, Willy! Quick note on your question about combining Redux with the login strategies - Redux is the global state management. You would switch the state that needs to be shared throughout the app - like the auth state - to a Redux store and associated slice reducer. This is a good idea for a follow up video in that series. 💯🚀
@@DaveGrayTeachesCode yes I have remove the context api and refactor the hooks and use redux toolkit instead and its all works fine but still Im not sure if I code it the right way especially in the useAxiosPrivate. And yes I think its gonna be great content for next video :)
You're welcome! This tutorial is based on the Redux Essentials tutorial in the docs and it is there - but you can remove if not needed. Using ES7 snippets, I write most of my functions with export - in case I need to export. Reference: redux.js.org/tutorials/essentials/part-2-app-structure#creating-slice-reducers-and-actions
@@DaveGrayTeachesCode Sorry, it is possible I was not enough clear. with my doubt. const counterSlice = createSlice({ //Some code here... }); in this part it seems we dont have to export counterSlice...
Sorry knoob question: at 20:48 state.counter.count appears to reference store or slice? why is there no import in Counter.js to make that reference or does the reference get there through Provider in App.js sorry not clear to me. Anyone's help is good since this tutorial is 9 mos. old now.
The name of the counterSlice is set as "counter". The initial state has a "count" property. This is where the reference to state.counter.count comes from.
@@DaveGrayTeachesCode Oh ok thanks. so why no import into Counter.js of counterSlice? I only see an import of actions. Is there linkage between Counter.js and counter slice.js based on the file names? Thanks for your response!
A very fine walkthrough 👍👍👍 thank you very much for sharing this. In my opinion there is still a lot of code to write with redux compared to some alternatives (react context, valtio, etc.). Couldn't stop thinking that the dropping the named exports could "reduce" some of the lot of code writing that is needed.
Thank you! Yes, you are correct. We often give simple examples to show how Redux works, but unless the project is large, using something like the Context API or (in my opinion) Easy Peasy Redux is easier to implement. I do like the changes that have been made with Redux Toolkit vs the old standard of Redux.
@@DaveGrayTeachesCode yes, and slice seems like a much better name (thank you for explaining what that is all about). Imagine that using it with typescript would also improve the DX.
As a super noob - I think you overcomplicated it by showing the increasebyAmount because now you threw in react states - which confused me a bit and its not pure redux alone anymore . should have just shown how to add by static value.
11:10 the use of the variable "state" here is unexplained. If this is explained later or in a later video, it is good practice to say "I'll explain this later (or in a different video)". There should be no Unreferenced Mysteries.
Great tutorial, thanks. you mentioned at the start the "toolkit" basically replaces the original redux and it's no longer needed, then later on you installed both as the "Provide" is still react-redux, So a little confused. do we still need to add both. I guess so.
Thanks for the tutorial, but I have a question: why use a useState to store the increment amount value when you could just create a new redux state on counterSlice?
Sir your content is great. May God bless you for all the hard work you put in making these tutorials. Sir i have a request to make, though it is out of scope of this video... If you would make a tutorial how to use module css and global css together... For example, i have my base styling and utilities done in one style sheet. I want to use them throughout the app. But also i want to use some component specific styles... Is it even possible or we have to Duplicate the css? It would be great if you make a video over it or suggest some article to read. Thank you sir❤️
You can use more than one CSS stylesheet. For example, your index.css is at the top of the cascade and will apply to all. You can make a module stylesheet that will come after in the cascade and apply to a specific module and any child modules within the specific module.
thanks for the great video ❤ may be you can do a redux toolkit with typescript vide and that wil be really apperciated and helpful nad thanks in advance ❤
Dave, I have a question. Why do we bring the counterSlices to the Counter and make them a function? I'm getting an error that increment, decrement etc are not a function? I can see incrementByAmount because it needs to add the number value?
Hi David - We import increment, decrement, reset, and incrementByAmount from the counterSlice. You can view the example source code from the course resources link in the description. If you build the counterSlice file as shown in the example, increment, decrement, reset, and incrementByAmount will be "action creator" functions that can be dispatched.
Redux has previously been difficult to learn and implement, but it has also been the best known global state management system for React. The creators of Redux have addressed the difficulties of Redux by offering Redux Toolkit as the recommended modern way to implement Redux. Redux Toolkit abstracts away some of the previous difficulties and makes applying Redux to your project easier! If you are just getting started with React, I suggest completing my React JS full course for beginners first: ua-cam.com/video/RVFAyFWO4go/v-deo.html
I have been watching your tutorials and I will say it's great. yours came out in handy!... Do you have any on Redux API?
@@eric_ng5253 this is my first on Redux and Redux toolkit. I previously have one tutorial in my react series on easy peasy redux which is a great implementation. I also cover the context API in that series.
what about useContext??? can't replace it? sorry for newbie questions
It is not at all the best known global state management system for React. It's probabbly the worst.
please provide the VS code theme name sir!!!
A mental model that has helped me understand the flow
1. State -> Object
2. Actions -> Events
3. Reducers -> Event Listeners
4. Dispatch -> Event Triggers
This is an incredible alternative way to remember them. Thanks.
I agree with Nam Nguyen's comment... "I learned from udemy and from many coding channels on youtube, BUT you are one of the very best teachers, your teaching style is so simple and easy to understand."
Thank you for the kind words, Mohamed! 🙏🙏
I learned from udemy and from many coding channels on youtube, BUT you are one of the very best teachers, your teaching style is so simple and easy to understand. Thank you very much Dave, look forward to all of your new videos 🎉🙏✨
Thank you for the kind words, Nam! 🙏💯
Ain't that the truth. 🔥👍
This demo is the first one in what feels like 100 youtube videos that work. Thank you so much!
Glad to hear it helped!
Dave, I have now started to watch only your videos... Please don't ever stop sharing your knowledge with us. I love your teaching style, I learn so much from you. Thank you ! :)
I just dont know why I am seeing this right now. I have wasted a lot of time trying to understand redux toolkit from other tutorials but I got more confused.
But everything makes sense to me now.
U are a gem of a teacher. Thank you for all you do.
After watching ur node js course, I fell in luv with ur teaching style.
Thank u Sir❤
You're very welcome!
Hi, dave it's been a month since. I remember your Js course and it helps me a lot in my web development journey. I also finished your react course and not. I want to finish this redux course for you. I have recommended my friends to watch your tutorial because you teach so simple, direct, and easy, especially to beginners. Mabuhay ka Dave
Thank you for the kind words, Criztian! 🙏 I am glad I have helped you on your journey! 🚀
Dave, you have quickly become my favorite UA-cam channel to learn from. Your pace, tonality, and very well structured lesson context is beyond amazing. I've learned so much from you and have digested your content very easily. Thank you for all you do!
Thank you for the kind words, Andres! 🙏🙏
ok. I just looked at your github repo for the useReducer example. I have to say I have struggled with redux and useReducer, and just like that as soon as I see your repo, I can actually see what is happening. I have looked at soooo many different tutorials and I swear they just confuse me more. You are an amazing teacher, thank you Dave!!
Thank you for the kind words, and glad I could help! 💯
Your teaching style is amazing! Thank you for the intro to Redux Toolkit!
You're very welcome! 💯🚀
Just two notes for you.
1) I LOVE how you specify what shortcuts you're using! We're beginners, we don't know your shortcuts! Thanks for being one of the first and few who actually spell out their hotkeys in tutorials like these.
2) Great tutorial, I feel my brain expanding. Great note on progress rather than perfection. That's the ticket. That's the energy we need for the new year, 2023.
Glad it was helpful!
a lot of channels do this, but be careful calling increment and decrement actions. They are actually action creators. It might not seem like it matters but it was really confusing to me at first, so I just wanted to clarify for anyone else confused. That is the reason why at 12:40 you call the functions to dispatch the action. You need to get the return value of the action creator, an action object, and then dispatch that
I think if you continue the series, you will hear me clearly define the action creators. It is a lot to take in as someone gets started with this. Hopefully, the series brings it all together. 💯🚀
Great intro. Can't wait to do your next redux tk vid!
Use it at work, learned a while back + learned some RTK recently. Used it on a project of my own actually. But, it still somewhat slips over my head here and there. Going through these videos has been the nail in the coffin for understanding it all. You wonderfully explained it. Your style resonated with me - straight to the point, technical, and not completely easy.
Thank you, Tanner! Glad I could help! 💯
I’ve watched 12 minutes of the video and I’m already understanding. I got scared of redux for years. Went to vuejs and got a job but after all these layoffs (including myself) I had to comeback to react 😂 there are to many jobs right now in react for DOD especially surprisingly (Army Vet) that it’s my way back in the game. 💪🏾 I want to thank Dave for providing this for free! The job market sucks for Jr’s like me (i’m 40. discovered tech late) so I appreciate the content! I’m gonna go through your series and hopefully I get back on track!
Thanks for sharing and glad to hear I'm helping!
by far the best video on understanding redux rn! amazing work brother
Thank you for the kind words! 🙏🙏
Simplest tutorial ever on redux! Thanks Dave!
This is great! i was falling asleep reading the react-redux documentation and not looking forward to checking out redux-toolkit but this is a great tutorial thanks!
'Strive for progress over perfection', I really like this quote. This video explains concisely about Redux toolkit. Used to dislike Redux
Well explained, worth every sec of this video.
I dont know yet everything I learned on React was smooth, short and simple.
Never a lesson over 20 mins.
But with redux ... only courses likes 2 hours minimum.
I really hope this will save me time later, cause thats a huge time investment.
For smaller projects, I don't recommend Redux, but many want to know it because it is frequently used with enterprise / large projects.
Wow,are you reading mind,just searching for thunk middleware,video uploaded,Thanks Dave,how many video yet to come on this topic
Glad to hear it! This will be a short series - guessing 4 to 6 videos - redux thunk coming very soon.
A part from the tutorial, loved the shift+alt+down tip to copy the whole block below. Thanks
Glad it helped! 💯
Those who wonder what createSlice will return ? , which will return an object that looks like:
{
name : string,
reducer : ReducerFunction,
actions : Record,
caseReducers: Record.
getInitialState: () => State
}
Accurate! 💯 redux-toolkit.js.org/api/createSlice#return-value
This is pretty neat. Got the whole idea down while watching it at 2x. You’re an astounding teacher. Thanks.
Glad it was helpful!
Thank you Dave Gray. I've been struggling with redux toolkit before I found your video
Glad it helped!
finally i found A gem, I was loooking for this tut..
thanks for the great video, very helpful. Im pretty confused the part at 9:08, that you import counterReducer from the counterSlice file, but i couldn't find the counterReducer in that file. would you mind to give me a hint? thanks!
Hi Yonnie - I'll try to help. If you go to the resources link in the description and view my source code for lesson 1, please look in the counterSlice file. At the very bottom of the file, you should see "export default counterSlice.reducer" ..The counterSlice we create above in that file has a reducer, and that is what is exported here and then imported at 9:08 as you referenced.
It's awesome how the tutorial was thorough yet concise. Great stuff
Glad it helped!
are you reading my mind? I am getting ready for my interview where I expect a lot of questions about redux toolkit... and I am one day in learning redux... this video will be extremely helpful!
Glad I could help!
Ooo thank you alot! When i began to study something you post a new video about it! It is amasing!
Good timing! 💯
you deserve many more subscribers learrned many javascript concepts from your video and best video on redux thank you
Thank you, Ajay!
At last! React Redux Toolkit gets the Dave Gray treatment. Maybe I'll finally get to understand Redux thoroughly this time around.
I hope it helps!
Thanks Dave that's super cool tutorial. redux-toolkit is a brand new from redux. This tutorial quite rare in youtube and you explain it in a simple way very easy to understand , You gotta one subs from me...
Glad it was helpful! 💯
Excellent style of teaching. Thanks Dave!
You're welcome, Kamran! 💯
I am Brazilian. Sorry for some language errors. Thank you for sharing your knowledge.
You're welcome!
was actually struggling with redux toolkit, and this video explained everything so well! Thank you👍
This was the best redux tutorial thanks Dave. You are a great teacher!
Thank you!
You are Dr. of this game! Please cointinue with everything about Redux. :)
More on the way! 🚀
thank you! your content is GOLD! waiting for next js tutorial. 💥🔥
Thank you! 🙏 I am excited about starting a NextJS series this year. 💯🚀
Redux has never been so sexy to use before - thank you for the tutorial!
You're very welcome!
It was wonderful session which I have never watched in any channel and that 20 mins content was really made me to fully concentrated until the end of the vedio. Thank you so much for making this kind of vedio ❤️
Glad you enjoyed it!
Just when I thought I couldn't find any better videos, I find your videos.
Thank you for the kind words, Dinesh! 💯
Thank you so much man, I just discovered your channel and it is fantastic! Keep it up!
Glad you enjoy it! You're welcome! 💯🚀
You just taught me more than redux toolkit
thank you sir
You're very welcome!
Awesome content , love your teaching method.
You are one of the best teachers dave
Thank you!
Let's make it simple. You've helped me landing a job. Thank you :)
Great to hear! This is the feedback that lets me know I'm on the right track. Thank you for sharing!
Loved all your tutorial
Glad to hear it - thank you! 🙏💯
Amazing video! Can't wait to watch the whole series.... Thanks a lot for this work!
You're welcome!
Very clear and concise explanation!! Thank you so much!
You're very welcome!
Great video Dave!!! 🎉🎉 Could you please make the same tutorial using TypeScript? It would be extremely helpful
You teach so well. woah, you make things so simple to understand
I appreciate that!
Thanks again dave, yesterday I was about to ask yo about using redux toolkit in useRefreshToken, useAxiosPrivate and useLogout hooks. I can't wait you make video for that also ;)
Thank you, Willy! Quick note on your question about combining Redux with the login strategies - Redux is the global state management. You would switch the state that needs to be shared throughout the app - like the auth state - to a Redux store and associated slice reducer. This is a good idea for a follow up video in that series. 💯🚀
@@DaveGrayTeachesCode yes I have remove the context api and refactor the hooks and use redux toolkit instead and its all works fine but still Im not sure if I code it the right way especially in the useAxiosPrivate.
And yes I think its gonna be great content for next video :)
Thanks, best teacher for react:)
Hey Dave, this was excellent. Extremely well done.
Thank you, David! 💯
Hey Dave! Which VSCode extension you installed to show you the opening and closing () ?
Reference: 2:10 time mark and code lines 3 and 7. Thank you!
This is built in to VS Code. Open Preference > Settings > search for "Bracket Pair Colorization" and enable it.
Man, you are a blessing, thank you !!
You're welcome!
You just got a new subscriber!!
You even had a motivational speech at the end!! damn this channel is fire 🔥
Thanks!
nice stuff, awesome always, thanks Dave
You're welcome, Daniel! 🙏
Thanks for this Redux tutorial !
You're welcome, Jonathan! 💯
Thanks for the fantastic tutorial!!
You're welcome! 💯
Top tier tutorial! Thanks for the video man, it's awesome.
Thank you for the kind words! 🙏🚀
Awesome! Thanks! please make some videos about integrate test and e2e test in react with typescript
Coming up later this year! Thank you for the request! 🙏🙏
First things first, Thanks for sharing!!
Dave sorry, in/at/on 6:28 why do you export counterSlice if you never use it ??
You're welcome! This tutorial is based on the Redux Essentials tutorial in the docs and it is there - but you can remove if not needed. Using ES7 snippets, I write most of my functions with export - in case I need to export. Reference: redux.js.org/tutorials/essentials/part-2-app-structure#creating-slice-reducers-and-actions
@@DaveGrayTeachesCode Sorry, it is possible I was not enough clear. with my doubt.
const counterSlice = createSlice({
//Some code here...
});
in this part it seems we dont have to export counterSlice...
8:56 how we imported counterReducer here whereas there wasn't anything like that from counterSlice file. Can anyone explain it?
Awesome video as always.
Thank you!
Amazing video, thank you so much!
You're very welcome!
Nice Redux Toolkit overview! Bit Refreshing...!
Sorry knoob question: at 20:48 state.counter.count appears to reference store or slice? why is there no import in Counter.js to make that reference or does the reference get there through Provider in App.js sorry not clear to me. Anyone's help is good since this tutorial is 9 mos. old now.
The name of the counterSlice is set as "counter". The initial state has a "count" property. This is where the reference to state.counter.count comes from.
@@DaveGrayTeachesCode Oh ok thanks. so why no import into Counter.js of counterSlice? I only see an import of actions. Is there linkage between Counter.js and counter slice.js based on the file names? Thanks for your response!
Nice tutoriel !
This looks brilliant.
the best programmer teacher ever
A very fine walkthrough 👍👍👍 thank you very much for sharing this.
In my opinion there is still a lot of code to write with redux compared to some alternatives (react context, valtio, etc.). Couldn't stop thinking that the dropping the named exports could "reduce" some of the lot of code writing that is needed.
Thank you! Yes, you are correct. We often give simple examples to show how Redux works, but unless the project is large, using something like the Context API or (in my opinion) Easy Peasy Redux is easier to implement. I do like the changes that have been made with Redux Toolkit vs the old standard of Redux.
@@DaveGrayTeachesCode yes, and slice seems like a much better name (thank you for explaining what that is all about).
Imagine that using it with typescript would also improve the DX.
Good quality content , thank you
thank you Sir for react redux tutorial help me alot, maybe next react testing tutorial.
You're welcome! 🙏
amazing course!
Awesome tutorial about redux thank you
You're welcome!
you're the king of redux😀
I am far from the king, but thank you for the kind words! 😀🙏
As a super noob - I think you overcomplicated it by showing the increasebyAmount because now you threw in react states - which confused me a bit and its not pure redux alone anymore . should have just shown how to add by static value.
11:10 the use of the variable "state" here is unexplained. If this is explained later or in a later video, it is good practice to say "I'll explain this later (or in a different video)". There should be no Unreferenced Mysteries.
great video, thank you so much
You are welcome! 🚀
Amazing, as always.
Thanks , i hope you to make tutorial about Typescript ! Good luck ✊✊✊
Thank you for the request!
Good tutorial buddy. Currently struggling on callin API for Data with Redux and TypeScript... Maybe u gonna do smth like this in the future?
Thank you and great suggestion!
Very greate, i learn more things
Great tutorial, thanks. you mentioned at the start the "toolkit" basically replaces the original redux and it's no longer needed, then later on you installed both as the "Provide" is still react-redux, So a little confused. do we still need to add both. I guess so.
Spectacular, thank you
Thank you!
need full playlist as soon as possible
Thank you - the playlist will be added to weekly until complete. 🙏💯
Thank you 🙇🏾♂️ 🙏🏾
I got incredibly confused with the examples in docs, I hope this helps me understand how to add async state
Later in the series, async thunks are covered. Even later, RTK Query is covered. Both are ways to issue async queries and update state.
@@DaveGrayTeachesCode ty! I'm already in that part!
Thanks for the tutorial, but I have a question: why use a useState to store the increment amount value when you could just create a new redux state on counterSlice?
The official docs & tutorial may help further illustrate: redux.js.org/tutorials/essentials/part-1-overview-concepts#state-management
This is an amazing tutorial. Thank you! Are you planning to do videos for RTK Query as well?
Yes, I am. I cover all of the foundational skills for Redux Toolkit in the series first and RTK Query will finish out the series.
Hey man thank you very much for this, really learned a lot. Btw, do you plan on adding a video about integrating with redux-saga?
Thank you! 💯 Yes, I want to do some tutorials on redux-saga in the future! 🚀
@@DaveGrayTeachesCode Looking forward to it!
Sir your content is great. May God bless you for all the hard work you put in making these tutorials. Sir i have a request to make, though it is out of scope of this video... If you would make a tutorial how to use module css and global css together... For example, i have my base styling and utilities done in one style sheet. I want to use them throughout the app. But also i want to use some component specific styles... Is it even possible or we have to Duplicate the css? It would be great if you make a video over it or suggest some article to read. Thank you sir❤️
You can use more than one CSS stylesheet. For example, your index.css is at the top of the cascade and will apply to all. You can make a module stylesheet that will come after in the cascade and apply to a specific module and any child modules within the specific module.
@@DaveGrayTeachesCode hmm... I'll try that. Thank you ❤️
thanks for the great video ❤ may be you can do a redux toolkit with typescript vide and that wil be really apperciated and helpful nad thanks in advance ❤
Dave, I have a question. Why do we bring the counterSlices to the Counter and make them a function? I'm getting an error that increment, decrement etc are not a function?
I can see incrementByAmount because it needs to add the number value?
Hi David - We import increment, decrement, reset, and incrementByAmount from the counterSlice. You can view the example source code from the course resources link in the description. If you build the counterSlice file as shown in the example, increment, decrement, reset, and incrementByAmount will be "action creator" functions that can be dispatched.
What the difference between using React Effector and Redux? Can i use effector instead of redux?
This is bad idea at the current time?
Both are for state management. You can use either one.
Love your videos.
Thank you!