Thank you very much for this playlist it cleared the basics of redux toolkit and redux for me : I knew redux before but these are my new learnings from this playlist : 1. How to work with middlewears and what are middlewears 2. How to make Async Actions with thunks 3. One more fundamental thing I learnt is that when an action gets dispatched it is going to be checked with every reducer that we have and the once that don't have that action specified in them those reducers are going to ignored and the once that do have will have the capabilities of changing their part of the state when that action happens, which was greatly explained here by the example of getting an icecream for free when the user is buying a cake. these mainly the things that I have learnt from the playlist. thank you very much.
If someone has noticed that the app makes two fetch requests, it's because the react strict mode is added. Removing the strict mode solves this issue. But it's only in the dev environment.
@@ananthboudhmanabhan StrictMode renders components twice (on dev but not production) in order to detect any problems with your code and warn you about them. Strict mode is only available in react 18 and in this video react version is 17
@@ananthboudhmanabhan React expects your functions to be “pure”, e.g. with the same arguments, they have the same results. For this reason it expects to be able to call your hooks twice, and they should have the same result. Even if they have a side-effect like performing an API call, it should cause the same result twice. This is because outside of strict mode, React might run your hooks multiple times anyway, as it breaks the rendering phase up into pieces, and might pause or restart work. The best way to get around this is either to write your components with this in mind, or to explicitly check for when your hook has been ran.
Started my career as a tester, I believed that learning react or learning anything related to reactjs would be a very tough job for me. But your channel made it very easy for me to understand the concepts related to react, redux and now reduxjs toolkit. Thanks a lot for helping me and everyone here who wants to understand these concepts.
just WOWWWWW playlist....redux to reduxt-oolkit everything went into my brain like a story and such a good story that even if I create slice for different project I map the cake and icecream shop story with it.
re-write your callbacks properly. in all actions and fetchUser.pending fullfilled etc for eg: if you wrote state => state.count++ change it to state => { state.count++ } similarly in fetchUsers.pending change your state => state.loading = true to state => {state.loading = true} if this doesnt fix it still that youre writing users instead of user or the other way around.
If someone is getting Error: url.parse is not a function then add url to your dependencies i.e. do npm install url or yarn add url. I think this error is related to Vite
It seems a bit too bad to display everything on one page. Isn't the whole point of redux to have one store for several pages? The functionality on the current page could be accomplished with useState and useEffect alone, no?
I used to think redux was hard till i came across your channel. Basically learning everything here, react, redux, typeScript. love your teaching
Thank you very much for this playlist it cleared the basics of redux toolkit and redux for me :
I knew redux before but these are my new learnings from this playlist :
1. How to work with middlewears and what are middlewears
2. How to make Async Actions with thunks
3. One more fundamental thing I learnt is that when an action gets dispatched it is going to be checked with every reducer that we have and the once that don't have that action specified in them those reducers are going to ignored and the once that do have will have the capabilities of changing their part of the state when that action happens, which was greatly explained here by the example of getting an icecream for free when the user is buying a cake.
these mainly the things that I have learnt from the playlist.
thank you very much.
Best playlist to learn redux toolkit . Absolutely loved the videos . Kudos to you !
you are god damn right
It was a great series. Thanks a lot❤
I completed you redux-toolkit series, it is amazing & provide great clarity. After a lot of tutorials on redux, your's the best!👌
If someone has noticed that the app makes two fetch requests, it's because the react strict mode is added. Removing the strict mode solves this issue. But it's only in the dev environment.
I was wondering why there are two requests and see your comment. Thank you.
Thank You!
Ok, now my question is why does the app makes two fetch requests in react strict mode?
@@ananthboudhmanabhan StrictMode renders components twice (on dev but not production) in order to detect any problems with your code and warn you about them. Strict mode is only available in react 18 and in this video react version is 17
@@ananthboudhmanabhan React expects your functions to be “pure”, e.g. with the same arguments, they have the same results. For this reason it expects to be able to call your hooks twice, and they should have the same result. Even if they have a side-effect like performing an API call, it should cause the same result twice.
This is because outside of strict mode, React might run your hooks multiple times anyway, as it breaks the rendering phase up into pieces, and might pause or restart work. The best way to get around this is either to write your components with this in mind, or to explicitly check for when your hook has been ran.
I feel lucky to see this playList as it covered everything very nicely and tutor has explained brilliantly.
Started my career as a tester, I believed that learning react or learning anything related to reactjs would be a very tough job for me. But your channel made it very easy for me to understand the concepts related to react, redux and now reduxjs toolkit. Thanks a lot for helping me and everyone here who wants to understand these concepts.
thanks, you are one of the best teacher I have meet
After finishing this playlist, I've learned a lot. Thank you!!!❤
Great tutorial, you made it so simple to understand, it is amazing.
Much love from here. Thank you ❤
you are my redux, react native life saver😍
Thank you for this Redux-Toolkit playlist. ❤
duuuude thanks so so so much you are a life- savior
Best redux playlist
Thank you for this greatest lesson! With you’r help i could understood React js requests on all 100%!!!😊
why does redux have to be so complicated, is there any easier state manager?
use react custom hook, or react query
Redux Toolkit, or Zustand but that is still very new
Such a perfect tutorial, well done!
Really get helped thanks for this 👍🏻
just WOWWWWW playlist....redux to reduxt-oolkit everything went into my brain like a story and such a good story that even if I create slice for different project I map the cake and icecream shop story with it.
Thank you very much for such excellent content! ❤❤
it couldn't be better than this. thank you for such a perfect tutorial
Thanks a lot that tutorial help me complete my project 😊❤❤
Thanks a lot because of this video has been fixed my code problem
what is that text colour theme you are using in vs code please/ Thank you for the awesome tutorial :)
Thankyou for this tutorial
7:26
in my console the counter in redux dev tools still counting , why ?
Very nice play list
finally thank you Viswash
Thanks a lot !!!!
Great video!
thank you, sir.
What if UserView is class based component? How can we then use useSelector and useDispatch hooks?
My question is: is it okay to put the database value (array or object or anything) as the initial state ?
feedback: when you type a lot of code, let the user catch up for 10seconds before switching to the UI view
feedback: you can use keyboard: "k" (start/ pause) "j" (10 seconds back) "l" ( 10 seconds ahead). Life is too short to create slow videos ;)
what a journey?
i just finished.
Hello, How to update or revalidate the data on it?
Do i need to use the same name in use selector or it can be different (talking about the store)
hello sir how to handle api for update & delete data and also show toast make me challenging
No RTK Query tutorial ?
why do i need thunks and can i just not use them ?
Can you make video about RTK-query, please?
I can’t able to see this user state in redux dev tool? Also while accessing user inside the component am getting error.
Anyone facing this issue?
Awesome
Perfection..
No RTK-Query???
Thanks anyway
The request fails.."cannot read properties of undefined (reading 'get')"... Any solution to this??
i'm to getting the same error
check user , users and user
re-write your callbacks properly. in all actions and fetchUser.pending fullfilled etc
for eg: if you wrote
state => state.count++
change it to
state => { state.count++ }
similarly in fetchUsers.pending
change your state => state.loading = true to
state => {state.loading = true}
if this doesnt fix it still that youre writing users instead of user or the other way around.
@@ArjunTanwar900 I have sorted it , but can you help me with deleting a object from array , array is stored in state, I'm using rtk
Make series on Zustand plz
Could you update the next js playlist also
Would be very helpful
I got this error Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. any help please?
Use useeffect hook
If someone is getting Error: url.parse is not a function then add url to your dependencies i.e. do npm install url or yarn add url.
I think this error is related to Vite
How without axios, i'm new in this
could not love toolkit, specially async process
Wow
It seems a bit too bad to display everything on one page. Isn't the whole point of redux to have one store for several pages? The functionality on the current page could be accomplished with useState and useEffect alone, no?
True, but I guess he did that to focus on redux-toolkit & react-redux.. keeping things simple in react
Very weird accent but yeah, good tutorial
Helped me a lottt
{2025-01-07}
Can you make video about RTK-query, please?