13:30 History lesson ends here it's time to code 31:33 All methods defined in the reducer() function have 2 main attributes "state" and "action" 33:48 homework (Update method in reducer()) 1:05:50 Task reminded again by sirji
@@tahfeezmir471 what about this one update: (state, action) => { const todo = state.todos.find((item) => item.id === action.payload); todo.title = action.payload; },
Hello, Histash sir, I don’t usually comment on anyone’s videos, but after watching your series of JavaScript and now React, I just literally want to thank you, and I want to tell you that I am currently in Noida for a web development course, and I have spent 8 months here in the tuition. After going to an interview, I was not able to crack the interview, but then I saw your javascript series, and I found all those questions in you serious, and now I am ready for any interview. I just want to tell you that I spent almost 200000 but was still not able to crack the interview. But your content is so great that I want to tell everyone: don’t buy any paid courses or go for any tuition. I have a request for you now: please pin this comment so that someone will find it and also help him. Just learn from the code, aur chai. Thanks, sir, for the best content. May God bless you and your family.
Tnq bro , I am also thinking for join a institute for learn tech skills but according to your experience I think it is waste of time and money. Can you I am right?
Today is 23rd Nov, 2024. I am learning Redux. I Solved Update Todo task with Context API. It also can be solved through store management. But I tried the Context API because it is complex for me. Thank You Hitesh Sir, You are the best in the industry.
importance of uses of two libraries: jab redux aaya tha to uske stepup me thoda jayada time lagta tha compare to contex api and debugging karne me v problem ja rhi thi. tab developers ne redux-toolkit introduce kiya jisme setUp or debugging easy ho gya kuchh redux functions ke dawara, isliye redux use karne ke liye ye dono libraries install karni jaruri hai.
BEAUTIFULLY explained, one of the most complex topics in Frontend dev with React is this, Redux/Redux Toolkit. Hats off to Hitesh ji for making it seem simple when it's actaully not. As they say, It's easy to make things difficult but difficult to make things easy and Hitesh ji scored 101/100 on making complex things so easy to understand.🤟🤟
1. React-Redux: Connecting Redux with React : React-Redux is the official binding library that connects React with Redux. It provides hooks like useSelector, useDispatch, and Provider that allow React components to interact with the Redux store. Key Features of React-Redux: a. useSelector: Allows React components to read specific slices of the Redux state. b. useDispatch: Provides a way for components to dispatch actions to update the Redux state. c. Provider: Connects the React component tree to the Redux store, ensuring that all components can access the store. d. React-Redux focuses on providing a seamless way to integrate React and Redux together, handling optimizations like preventing unnecessary re-renders of components when state changes.
BEAUTIFULLY explained, one of the most complex topics in Frontend dev with React is this, Redux/Redux Toolkit. Hats off to Hitesh ji for making it seem simple when it's actaully not. As they say, It's easy to make things difficult but difficult to make things easy and Hitesh ji scored 101/100 on making complex things so easy to understand. ❤
Redux toolkit ki notes 1. Create Store - single source of truth it has configureStore introduce reducer 2. Create Slice(functions) method(createSlice) Slice has name, initialState, reducers :{key: function} Access of two things (State, action) state = state value in the store action = action.payload export individual functionality export main source export 3. Add Todo - Give values to State i.e Dispatch Courier = use method useDispatch() dispatch(addTodo()) 4. Take Values - useSelector((state) =>state.todos) state ka access chaiye variable me values lelo ek baar aagaie uske baad pure JS concept hai Note: Todo's Project basic nai hote xD :)
Sir Hitesh, you have entered my life as Loki, holding all the branches of development. Completed your ' Chai aur JavaScript' and now learning ReactJs. Your content is G.O.A.T 🙌, thankyou so much for helping us with your mind blowing explanation❤❤
Hello, HiteshSir. I am a FrontEnd Developer right now with Skills of HTML, Css, Js only. WhenI started Learning of React in Sep 2024, Currently I am Learning React From Your Videos. Its Thank You Much for a very good content for Free. Thanks Your Hard work.
28:00 The action parameter represents the action object that is dispatched to trigger the reducer. Actions are plain JavaScript objects that typically have a type field to indicate the action type and may include other data relevant to the action. You use the action.type to determine what kind of action is being performed, and you can also access the payload or other properties of the action object to make decisions on how to update the state.
Thanks Hitesh sir, for explaining Redux in such a simple way. I was too running away from Redux and react, but now with your React series, I am willing to learn more and no more fear of Redux.
Sir maza aagya ...mtlb mai bohot videos dhunte hue yaha aya ...and finally found a great channel and great teacher like you!!! Please keep on doing and make more videos on web development , it really helps me a lot ...😄
@@ATmilktime It is coming form todoSlice.reducer which is exported from toDoSlice, the reason we write todoReducer is that there is no such strict naming convention when taking the import from the export statement where there is default. We have strict convention when it is imported from a const variable by destructuring it.
Hello Sir, usually main comment nhin krta hoon videos pr aapne itna effort k saath yeh react playlist bnayi itne complex topic ko itna easy explain kiya thanks a lot for such videos
Loved the way you made redux look so easy and simple, I have to go through the code twice but still I was able to understand in better form. Keep making community better, More power to you.
MashAllah, I've attended many Redux lectures, but this one explained the entire flow from start to finish so well that I finally understood it. I loved how you made Redux seem so easy and simple. I had to go through the code twice, but I was able to grasp it much better. Keep contributing to the community. More power to you!
13:30 History lesson ends here it's time to code 31:33 All methods defined in the reducer() function have 2 main attributes "state" and "action" 33:48 homework (Update method in reducer()) 1:05:50 Task reminded again by sirji
Aug 29 2024 (BEAUTIFULLY explained, one of the most complex topics in Frontend dev with React is this, Redux/Redux Toolkit. Hats off to Hitesh ji for making it seem simple when it's actaully not. As they say, It's easy to make things difficult but difficult to make things easy and Hitesh ji scored 101/100 on making complex things so easy to understand. )
Yes!! We enjoy History Part .13:30 History gave us knowledge of why new concepts are introduced and if you are an engineer this matters a lot to go into the depth of concept to actually start gathering why it is developed and what problems it faced and what are the new solutions to it. So sir, don't remove this part from the videos. This part is must to give a start to the video because if you are using the concept then you must know why you are using it over others.
september 2024,thanks a lot for this whole series..... seriously better that any react tutorial and series availabe on any channel ever .................
Bro can you please tell that why we use todoReducer in our store.js file and we imported it from todoSlice.js. But in todoSlice.js file there is nothing named as todoReducer
हितेश भाई, पुराणे जमाने वाके जो अद्यापक थे, ओ इतनेही, तन, मन से सिखाते थे.... आप उनमेसे ही हो.... सब आपके यहाँ सिखनेवालो के मन मे , आपके प्रती येही, भावना रहेगी.... यर बहुत अच्छा आजका vdo था... मे इसे सुब ह 3.00बजे से देख रहा था, और समज रहा था.... के बहुत लॉजिकल फ्लो को पकड के सिखाते हो.... येही तो आपने जिन्दगी मे पाया है.... पुरा भारत के हिंदी है... आपके यहाँ करोडो कंमेंट्स बनेंगे.... हमे पता है... बहुत बहुत् धन्यवाद!!!!
Sir mene apni puri kosis krli thi redux sikhne ki , bhut vidoes and documentation pdha pr kuch smzh ni aaya tha.. Aaj jake clear hua .. Thank you so much ❤
13:55 history ends started and thanks it helps alot hitesh bhaiya issue: baar baar har page me props paas krke user id wala issue the major issue tha ki instant id pass nhi hua to null se app crash ho jaata and suspense ,lazy bhi try kiye but context ka concept ya global variable ka concept jyada helpful raha ... For students agar ye issue aata h to try this solution..... it will help you.
Hello sir, not related to the video but have a request! I'd love it if you could make a short even on three js if we should use it or not or when we should use it, it seems like a really interesting tool!
I really appreciate you making those instructive videos . your efforts have been a huge assistance to me as i continue to study . my understanding of difficult ideas has improved because to your lucid explanations and interesting content 🧡🧡
please continue making videos like these it is really helpful i was not able to understand through docs but your video helped me to understand redux toolkit
This videos are gold mines now a days people go for views, but he is providing us logics and methods and explaining in a plain vanilla word without beating around the bush.. Thanks Hitesh sir.
Completed this Redux Toolkit tutorial today and I would say this is one of the best and the simplest tutorial to understand how RTK works. Thank you Hitesh sir for this amazing tutorial. ✌💛
First time I am staying in an online free course for 15 lectures even sometime the thing become complex but the way you teach it also become easy thanks hitesh sir jii
I recently completed your full Redux tutorial, and I just wanted to say thank you, Hitesh Sir! Your explanations were clear, concise, and very easy to follow. The practical examples helped me understand Redux concepts like actions, reducers, slices, and the importance of immutability. The step-by-step approach really made a complex topic manageable. I feel much more confident in using Redux in my projects now. Keep up the amazing work and thank you for sharing your knowledge!
why i didn't get this video earlier. From last two years i was confuse between Redux, React-redux and Redux-toolkit. Sir you explained very well. Thats the reason someone said History teach us a lot than Science.
Watching your video for the first time. I am a beginner in React with experience in Angular and NgRx. Watching this video straightaway after props for an assignment submission. You explained so so well. Really easy to follow. I think I should be able to manage my assignment submission for now after this. Thank you so much. You made my day. :) Special thanks for the summary. Really helped in consolidating things in mind. :)
Context api wale video me it was very difficult to manage the state like objects ko dissect krna spread operator use krkre, it felt difficult tbh but is wale video me sir maja hi aagya. Appreciate your work!
Hello Hitesh Sir, I got an offer from a startup as a Software Developer(React & Node.js) After watching the series "Chai and Javascript" I loved it and now I am stuck at a point in the redux, and I revised it I understood all things and was able to work with Redux. I appreciate my task and how I would implement it. Thanks for both series ♥♥♥♥♥.
Wonderfully explained! Redux and Redux Toolkit are among the most challenging topics in front-end development with React. Huge respect to Hitesh Sir for breaking it down in such a way that it feels simple, even though it’s anything but As the saying goes, "It's easy to complicate things, but making them simple is a real challenge," and Hitesh Sir has absolutely nailed it by making these complex concepts so easy to grasp. Thank you Hitesh Sir 🙏
Using React-Redux and Redux Toolkit together is essential because they serve different purposes and complement each other in managing state efficiently in a React application that uses Redux. 1. React-Redux: Connecting Redux with React 2. Redux Toolkit: Simplifying Redux State Management
very very good explaination, redux was very complex topic for me, but you teach the tough topic in easily understandable way. Thank you so for that, I'm blessed that I found your channel.
Redux Toolkit: Simplifying Redux State Management 1. Redux Toolkit (RTK) is the official, recommended way to write Redux logic. It reduces the complexity and boilerplate traditionally associated with Redux by simplifying store setup, handling actions, and managing reducers. Key Features of Redux Toolkit: a. configureStore: A function that simplifies store creation, automatically sets up middleware like redux-thunk, and enables Redux DevTools. b. createSlice: Generates reducers and actions in a more concise way, reducing the need to write action creators and switch statements. c. Built-in middleware: Automatically includes useful middleware like redux-thunk for handling asynchronous logic. d. Immutable updates: Makes immutable state updates easier with utilities like Immer.
"Great video! Your explanation of React Redux was clear, concise, and easy to follow. I really appreciate your approach of breaking down complex concepts into understandable terms. Your enthusiasm for the topic is infectious, and it made learning React Redux a lot more enjoyable. Thanks for creating such high-quality content!"
Amazing Explanation but one thing I will recommend to who so ever is watching this video clear your js concepts and understand context Api first then you will able to understand amazing video sir
In Redux Toolkit, the store is the central location where the entire state of the application is stored. It manages how the state is updated and allows components to access the current state and dispatch actions to update that state. Redux Toolkit simplifies the process of creating and configuring a Redux store compared to the traditional way, reducing boilerplate code and offering sensible defaults. Key Concepts of a Store in Redux 1. State Management: The store holds the entire state tree of the application. 2. Dispatching Actions: Components dispatch actions to update the state. 3. Subscribing to State: Components can subscribe to the store to get the current state. 4. Reducers: The store relies on reducers to handle state changes in response to dispatched actions.
Advantages of configureStore in Redux Toolkit 1. Simplified Setup: No need to manually configure middleware or dev tools; configureStore does it for you. 2. Enhanced Developer Experience: It automatically sets up useful middleware (like redux-thunk) and integrates with Redux DevTools. 3. Modular Code: By using createSlice and configureStore, you can break your app's logic into reusable slices that handle both actions and reducers.
13:30 History lesson ends here it's time to code 31:33 All methods defined in the reducer() function have 2 main attributes "state" and "action" 33:48 homework (Update method in reducer())
2024 mai dekhri hu aapki special baat ye h ki aap optimization pai bhut kaam krte ho jo future mai bhut kaam aayega also docmentaion padhne mai thoda confidence aaya toh aage agar koi tutor na bhi hi toh bhi efforts kakre mai shayad nyi cheeze sikh lungi!
🌟 Making awesome stuff and sharing it for free? You're like the Robin Hood of coding! 🏹🎉 Thanks for being our coding hero, teaching and entertaining us! 🦸♂️💫 #ReactRockstar #CodingHero #Chai❤
Your way of explanation is soo good and simple at the same time. Just i was looking to grab concept of redux and you made me very clear. Thanks! majja aagyaaa
What i have to say but shuru mein complex lgta tha ki kese hoga kya hoga, mere paas enough knowledge nhi hai development ki but apki videos dekhne ke baad dimaag ke sare taar khul jaate, Thank you so much Hitesh sir 🙇♀️❤
13:30 History lesson ends here it's time to code
31:33 All methods defined in the reducer() function have 2 main attributes "state" and "action"
33:48 homework (Update method in reducer())
1:05:50 Task reminded again by sirji
bhai notes bnaye h?
bhai update method nahi ho raha hai homework wala kaise karun?
updateTodo: (state, action) => {
state.todos = state.todos.map((todo) => todo.id === action.payload.id ?{ ...todo,text : action.payload.text }: todo.text);
}
// is this correct update method?
@@tahfeezmir471 what about this one
update: (state, action) => {
const todo = state.todos.find((item) => item.id === action.payload);
todo.title = action.payload;
},
@@tahfeezmir471 yes bro but how can we implement it can u share me
Hello, Histash sir, I don’t usually comment on anyone’s videos, but after watching your series of JavaScript and now React, I just literally want to thank you, and I want to tell you that I am currently in Noida for a web development course, and I have spent 8 months here in the tuition. After going to an interview, I was not able to crack the interview, but then I saw your javascript series, and I found all those questions in you serious, and now I am ready for any interview. I just want to tell you that I spent almost 200000 but was still not able to crack the interview. But your content is so great that I want to tell everyone: don’t buy any paid courses or go for any tuition. I have a request for you now: please pin this comment so that someone will find it and also help him. Just learn from the code, aur chai. Thanks, sir, for the best content. May God bless you and your family.
I feel You Bro
Tnq bro , I am also thinking for join a institute for learn tech skills but according to your experience I think it is waste of time and money. Can you I am right?
Yes, This is great series...
Hiitesh ji, बहुत बहुत् धन्यवाद!!
name ka spelling edit kar lo bhai
Chai aur code dekhne ke baad interview crack hua ?😂
Today is 23rd Nov, 2024. I am learning Redux. I Solved Update Todo task with Context API. It also can be solved through store management. But I tried the Context API because it is complex for me. Thank You Hitesh Sir, You are the best in the industry.
importance of uses of two libraries:
jab redux aaya tha to uske stepup me thoda jayada time lagta tha compare to contex api and debugging karne me v problem ja rhi thi. tab developers ne redux-toolkit introduce kiya jisme setUp or debugging easy ho gya kuchh redux functions ke dawara, isliye redux use karne ke liye ye dono libraries install karni jaruri hai.
BEAUTIFULLY explained, one of the most complex topics in Frontend dev with React is this, Redux/Redux Toolkit.
Hats off to Hitesh ji for making it seem simple when it's actaully not.
As they say, It's easy to make things difficult but difficult to make things easy and Hitesh ji scored 101/100 on making complex things so easy to understand.🤟🤟
1. React-Redux: Connecting Redux with React :
React-Redux is the official binding library that connects React with Redux. It provides hooks like useSelector, useDispatch, and Provider that allow React components to interact with the Redux store.
Key Features of React-Redux:
a. useSelector: Allows React components to read specific slices of the Redux state.
b. useDispatch: Provides a way for components to dispatch actions to update the Redux state.
c. Provider: Connects the React component tree to the Redux store, ensuring that all components can access the store.
d. React-Redux focuses on providing a seamless way to integrate React and Redux together, handling optimizations like preventing unnecessary re-renders of components when state changes.
BEAUTIFULLY explained, one of the most complex topics in Frontend dev with React is this, Redux/Redux Toolkit.
Hats off to Hitesh ji for making it seem simple when it's actaully not.
As they say, It's easy to make things difficult but difficult to make things easy and Hitesh ji scored 101/100 on making complex things so easy to understand. ❤
Never Imagined coding can be this addictive 😂😂
The ultimate guide for redux toolkit and redux history ..... iske baad kisi tutorial ki zaroorat hi nhi . Thanks Hitesh Sir...
After this lecture do you got to know what reducer is?
@@Azharuddin-khan watch geekyshows redux video before this video
Redux toolkit ki notes
1. Create Store - single source of truth
it has configureStore
introduce reducer
2. Create Slice(functions) method(createSlice)
Slice has name, initialState, reducers :{key: function}
Access of two things (State, action)
state = state value in the store
action = action.payload
export individual functionality
export main source export
3. Add Todo - Give values to State i.e Dispatch Courier = use method useDispatch()
dispatch(addTodo())
4. Take Values - useSelector((state) =>state.todos) state ka access chaiye
variable me values lelo ek baar aagaie uske baad pure JS concept hai
Note: Todo's Project basic nai hote xD :)
Thanks Brother😇
nice
is project ko resume mein daalu to kya likhna chahiye
state = current state in the store
Thanks
Sir Hitesh, you have entered my life as Loki, holding all the branches of development. Completed your ' Chai aur JavaScript' and now learning ReactJs. Your content is G.O.A.T 🙌, thankyou so much for helping us with your mind blowing explanation❤❤
It's my pleasure🤩🤩
Hello, HiteshSir. I am a FrontEnd Developer right now with Skills of HTML, Css, Js only. WhenI started Learning of React in Sep 2024, Currently I am Learning React From Your Videos. Its Thank You Much for a very good content for Free. Thanks Your Hard work.
28:00 The action parameter represents the action object that is dispatched to trigger the reducer. Actions are plain JavaScript objects that typically have a type field to indicate the action type and may include other data relevant to the action.
You use the action.type to determine what kind of action is being performed, and you can also access the payload or other properties of the action object to make decisions on how to update the state.
Thanks Hitesh sir, for explaining Redux in such a simple way. I was too running away from Redux and react, but now with your React series, I am willing to learn more and no more fear of Redux.
Month: September,2024
Date:19/09/2024
Redux with Chai aur code☕👩🏻💻Thank you so much Sir !
same
hi, aapne kitne react projects banye ab tk ?
Sir maza aagya ...mtlb mai bohot videos dhunte hue yaha aya ...and finally found a great channel and great teacher like you!!!
Please keep on doing and make more videos on web development , it really helps me a lot ...😄
Teaching about background history is the best thing in your lectures 👀
It really is!
yes sir @@chaiaurcode
@@chaiaurcode sir from were this todoReducer we use, during import in store.js, timestamp= 36:00
Watch redux full playlist by Anurag Singh Pro Codrr
@@ATmilktime It is coming form todoSlice.reducer which is exported from toDoSlice, the reason we write todoReducer is that there is no such strict naming convention when taking the import from the export statement where there is default. We have strict convention when it is imported from a const variable by destructuring it.
Hello Sir, usually main comment nhin krta hoon videos pr aapne itna effort k saath yeh react playlist bnayi itne complex topic ko itna easy explain kiya thanks a lot for such videos
Loved the way you made redux look so easy and simple, I have to go through the code twice but still I was able to understand in better form. Keep making community better, More power to you.
After this lecture do you got to know what reducer is?
MashAllah, I've attended many Redux lectures, but this one explained the entire flow from start to finish so well that I finally understood it. I loved how you made Redux seem so easy and simple. I had to go through the code twice, but I was able to grasp it much better. Keep contributing to the community. More power to you!
13:30 History lesson ends here it's time to code
31:33 All methods defined in the reducer() function have 2 main attributes "state" and "action"
33:48 homework (Update method in reducer())
1:05:50 Task reminded again by sirji
🤣🤣🤣🤣🤣🤣🤣🤣🤣 last point was very accurate
React Redux Is used for making a bridge between react and core redux.
Aug 29 2024 (BEAUTIFULLY explained, one of the most complex topics in Frontend dev with React is this, Redux/Redux Toolkit.
Hats off to Hitesh ji for making it seem simple when it's actaully not.
As they say, It's easy to make things difficult but difficult to make things easy and Hitesh ji scored 101/100 on making complex things so easy to understand. )
A well explained redux-toolkit tutorial, now it is easy to use redux-toolkit in realtime projects. Thank you Hitesh Choudhary.
Ab to 80% to cover ho soka hai React ka 😊❤
I learned MERN stack with your videos. You're a great teacher!!
God bless you. Love from Pakistan
Yes!! We enjoy History Part .13:30 History gave us knowledge of why new concepts are introduced and if you are an engineer this matters a lot to go into the depth of concept to actually start gathering why it is developed and what problems it faced and what are the new solutions to it. So sir, don't remove this part from the videos. This part is must to give a start to the video because if you are using the concept then you must know why you are using it over others.
Thank you so much sir, for very short and precise as well as concepts clearing crash course!
We love history lessons please keep it up
september 2024,thanks a lot for this whole series..... seriously better that any react tutorial and series availabe on any channel ever .................
Bro can you please tell that why we use todoReducer in our store.js file and we imported it from todoSlice.js. But in todoSlice.js file there is nothing named as todoReducer
हितेश भाई,
पुराणे जमाने वाके जो अद्यापक थे, ओ इतनेही, तन, मन से सिखाते थे....
आप उनमेसे ही हो....
सब आपके यहाँ सिखनेवालो के मन मे , आपके प्रती येही, भावना रहेगी....
यर बहुत अच्छा आजका vdo था...
मे इसे सुब ह 3.00बजे से देख रहा था, और समज रहा था....
के बहुत लॉजिकल फ्लो को पकड के सिखाते हो....
येही तो आपने जिन्दगी मे पाया है....
पुरा भारत के हिंदी है...
आपके यहाँ करोडो कंमेंट्स बनेंगे....
हमे पता है...
बहुत बहुत् धन्यवाद!!!!
Sir mene apni puri kosis krli thi redux sikhne ki , bhut vidoes and documentation pdha pr kuch smzh ni aaya tha..
Aaj jake clear hua ..
Thank you so much ❤
13:55 history ends
started and thanks it helps alot hitesh bhaiya
issue: baar baar har page me props paas krke user id wala issue the major issue tha ki instant id pass nhi hua to null se app crash ho jaata and suspense ,lazy bhi try kiye but context ka concept ya global variable ka concept jyada helpful raha ...
For students agar ye issue aata h to try this solution..... it will help you.
Thank you bhaiya😢
05 September 2024
Happy Teachers Day Hitesh Sir 🎉
Anyone in August 2024
Aug 21
Aug 23🙋♂️
Aug 25
@@souvikbid1123 bhai smaj aa raha hai😢
yes bro
Understood everything.
Your Content is pure GOLD.
Hello sir, not related to the video but have a request! I'd love it if you could make a short even on three js if we should use it or not or when we should use it, it seems like a really interesting tool!
Sir,You Have Explained Redux ToolKit In Simplay Way Words And You'r Teaching Also Awesome
I really appreciate you making those instructive videos . your efforts have been a huge assistance to me as i continue to study . my understanding of difficult ideas has improved because to your lucid explanations and interesting content 🧡🧡
Watching this in October 2024 🎉 . Thank you sir ji for this valuable series ❤
Anyone in October 2024
13:31 History Class overrr. Sir love these history sections. Please keep them continue.
please continue making videos like these it is really helpful i was not able to understand through docs but your video helped me to understand redux toolkit
I have seen many videos of Redux on UA-cam but Sir, the way you have taught Redux is the best. Thank your Sir
This videos are gold mines now a days people go for views, but he is providing us logics and methods and explaining in a plain vanilla word without beating around the bush..
Thanks Hitesh sir.
are sir, thank you... subh uth ke fir se dobara bnaunga....😮💨
React state management aap se behtar kahin nhi dekha youtube pr
Watching this video today on 14-October-2024. Enjoying it a lot.
I watched so many videos for RTK I can not understand them properly but your teaching method and flow cannot do that amazing sir jii.
React sikhne mein aur history classes mein bahut maza aa rha hain, projects mein sare concepts clear ho rhe hain, Big thanks Hitesh sir
Hitesh sir aap jaise teachers ho toh har complex chiz simple hogi. Ha hum late(Oct,2024) h par direct h
Completed this Redux Toolkit tutorial today and I would say this is one of the best and the simplest tutorial to understand how RTK works. Thank you Hitesh sir for this amazing tutorial. ✌💛
I always understood just the theory of redux but this is the first time I understood how it works at code level. Thanks for this video
A skilled and engaging teacher can take a seemingly dull , complex topic and make it interesting and understandable. You are legit bhaiya ❤️❤️❤️
First time I am staying in an online free course for 15 lectures even sometime the thing become complex but the way you teach it also become easy thanks hitesh sir jii
I recently completed your full Redux tutorial, and I just wanted to say thank you, Hitesh Sir! Your explanations were clear, concise, and very easy to follow. The practical examples helped me understand Redux concepts like actions, reducers, slices, and the importance of immutability. The step-by-step approach really made a complex topic manageable. I feel much more confident in using Redux in my projects now. Keep up the amazing work and thank you for sharing your knowledge!
13 Nov 2024 after practicing context api project 2 themechange 2 time and project 3 todo using context 3 time practice then understand redux
why i didn't get this video earlier. From last two years i was confuse between Redux, React-redux and Redux-toolkit. Sir you explained very well. Thats the reason someone said History teach us a lot than Science.
Watching your video for the first time. I am a beginner in React with experience in Angular and NgRx. Watching this video straightaway after props for an assignment submission. You explained so so well. Really easy to follow. I think I should be able to manage my assignment submission for now after this. Thank you so much. You made my day. :)
Special thanks for the summary. Really helped in consolidating things in mind. :)
Context api wale video me it was very difficult to manage the state like objects ko dissect krna spread operator use krkre, it felt difficult tbh but is wale video me sir maja hi aagya. Appreciate your work!
Best video of UA-cam for learning react-redux.
It's really impressive, redux does look easy in this course. great work!
dhanyavad ji implemented the update function correctly and i am now feeling confident with the redux explained by you
You’re so talented in teaching, I actually don’t know what is redux after watching your content is so clear like crystal
Hello Hitesh Sir,
I got an offer from a startup as a Software Developer(React & Node.js)
After watching the series "Chai and Javascript" I loved it and now I am stuck at a point in the redux, and I revised it
I understood all things and was able to work with Redux. I appreciate my task and how I would implement it.
Thanks for both series ♥♥♥♥♥.
Hello Hitesh, fantastic! you must include the history lesson and its wonderful watching your UA-cam tutorial. HP from Pakistan
Redux explained very easily. Thanks a lot sir.
Thank you Hitesh Ji, clear and crisp example to understand RTK
Keep watching
Wonderfully explained! Redux and Redux Toolkit are among the most challenging topics in front-end development with React. Huge respect to Hitesh Sir for breaking it down in such a way that it feels simple, even though it’s anything but As the saying goes, "It's easy to complicate things, but making them simple is a real challenge," and Hitesh Sir has absolutely nailed it by making these complex concepts so easy to grasp. Thank you Hitesh Sir 🙏
00:18 hanji chai to chalti rahegi... 2024
Using React-Redux and Redux Toolkit together is essential because they serve different purposes and complement each other in managing state efficiently in a React application that uses Redux.
1. React-Redux: Connecting Redux with React
2. Redux Toolkit: Simplifying Redux State Management
very very good explaination, redux was very complex topic for me, but you teach the tough topic in easily understandable way. Thank you so for that, I'm blessed that I found your channel.
Initially I thought redux is so tough to understand but you made it look easy. Thank you for this amazing lecture sir😊
Lajawaab sir, I have no words. please keep making these videos.
Best React Series ever..... @Chai_aur_react_series😄
Thank you sir. This is the best redux tutorial. Sb kuch ikdm clear ho gya. Mai bhi unme se hi tha jo redux se bhaagta tha 😅.
28:00 🌟
Explaination of reducers, state and action !
This React series is incredibly informative! It simplifies complex concepts and makes learning React so much easier.
thank you hitesh sir 🙏🙏🫡
well structured i think one and only in hindi and maybe in english too , best react series ever
Redux Toolkit: Simplifying Redux State Management
1. Redux Toolkit (RTK) is the official, recommended way to write Redux logic. It reduces the complexity and boilerplate traditionally associated with Redux by simplifying store setup, handling actions, and managing reducers.
Key Features of Redux Toolkit:
a. configureStore: A function that simplifies store creation, automatically sets up middleware like redux-thunk, and enables Redux DevTools.
b. createSlice: Generates reducers and actions in a more concise way, reducing the need to write action creators and switch statements.
c. Built-in middleware: Automatically includes useful middleware like redux-thunk for handling asynchronous logic.
d. Immutable updates: Makes immutable state updates easier with utilities like Immer.
bohot masst video tha bro, like mujhe redux and state management smjh me nhi ara tha but this will be my last video on redux
Sir its my third attempt to understand this concept entirely with the help of your best teaching style. Thanku sir for this amazing lecture 🙏🙏
"Great video! Your explanation of React Redux was clear, concise, and easy to follow. I really appreciate your approach of breaking down complex concepts into understandable terms. Your enthusiasm for the topic is infectious, and it made learning React Redux a lot more enjoyable. Thanks for creating such high-quality content!"
Very well explained,
Very easy to understand,
Thank you once again.
you are inspirations of millions of Devs.
Thanks a lott for helping out the community
Amazing Explanation but one thing I will recommend to who so ever is watching this video clear your js concepts and understand context Api first then you will able to understand amazing video sir
wow amazing...from today's u are my code guru...very well explained...🤩
The best part is that you share the history in your video!!!!
kuch to achha kiya hoga hamne tab ja ke aap jaisa sir mila hame, hat's of to you ...! ur really good teacher
In Redux Toolkit, the store is the central location where the entire state of the application is stored. It manages how the state is updated and allows components to access the current state and dispatch actions to update that state. Redux Toolkit simplifies the process of creating and configuring a Redux store compared to the traditional way, reducing boilerplate code and offering sensible defaults.
Key Concepts of a Store in Redux
1. State Management: The store holds the entire state tree of the application.
2. Dispatching Actions: Components dispatch actions to update the state.
3. Subscribing to State: Components can subscribe to the store to get the current state.
4. Reducers: The store relies on reducers to handle state changes in response to dispatched actions.
Advantages of configureStore in Redux Toolkit
1. Simplified Setup: No need to manually configure middleware or dev tools; configureStore does it for you.
2. Enhanced Developer Experience: It automatically sets up useful middleware (like redux-thunk) and integrates with Redux DevTools.
3. Modular Code: By using createSlice and configureStore, you can break your app's logic into reusable slices that handle both actions and reducers.
13:30 History lesson ends here it's time to code
31:33 All methods defined in the reducer() function have 2 main attributes "state" and "action"
33:48 homework (Update method in reducer())
2024 mai dekhri hu aapki special baat ye h ki aap optimization pai bhut kaam krte ho jo future mai bhut kaam aayega
also docmentaion padhne mai thoda confidence aaya toh aage agar koi tutor na bhi hi toh bhi efforts kakre mai shayad nyi cheeze sikh lungi!
🌟 Making awesome stuff and sharing it for free? You're like the Robin Hood of coding! 🏹🎉 Thanks for being our coding hero, teaching and entertaining us! 🦸♂️💫 #ReactRockstar #CodingHero
#Chai❤
Bai aise teacher collage ya school me kyu nahi milte,
Love the way you explained everything, Thankyou @HiteshSir
Kabhi socha nahi tha redux itna easy rhega. Thankyou! Hitesh
Exceptional content quality. Great explanation. You made the difficult parts very easy.
Your way of explanation is soo good and simple at the same time. Just i was looking to grab concept of redux and you made me very clear. Thanks! majja aagyaaa
This was an excellent video! The simplest explanation ever.
Awesome session for redux to clear all redux basic concept.
yee hai na asli industry level react course. Thanks a lot Sir
What i have to say but shuru mein complex lgta tha ki kese hoga kya hoga, mere paas enough knowledge nhi hai development ki but apki videos dekhne ke baad dimaag ke sare taar khul jaate,
Thank you so much Hitesh sir 🙇♀️❤