Redux toolkit crash course | Chai aur React Series

Visit chaicode.com for all related materials, community help, source code etc.
Redux toolkit crash course
Sara code yaha milta h
github.com/hit...
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

[@jayrai18]

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

[@youremotions5910]

bhai notes bnaye h?

[@manjeeshchauhan9233]

bhai update method nahi ho raha hai homework wala kaise karun?

[@tahfeezmir471]

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?

[@DARKCODES-e2f]

@@tahfeezmir471 what about this one update: (state, action) => { const todo = state.todos.find((item) => item.id === action.payload); todo.title = action.payload; },

[@mohanrana9425]

@@tahfeezmir471 yes bro but how can we implement it can u share me

[@babalookumar4867]

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.

[@thecalgarians4597]

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. ❤

[@muheebpasha543]

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.

[@Smit-j8n]

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.🤟🤟

[@VaibhavSharma-ec6oe]

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

[@thesoftwareguy2183]

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 ...😄

[@souravsamanta7625]

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.

[@Joborbit]

are you from noida

[@scitechplusexplorer2484]

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.

[@johnay9761]

Teaching about background history is the best thing in your lectures 👀

[@chaiaurcode]

It really is!

[@Niteshmaurya1234]

yes sir @@chaiaurcode

[@ATmilktime]

@@chaiaurcode sir from were this todoReducer we use, during import in store.js, timestamp= 36:00

[@thefreemonk6938]

Watch redux full playlist by Anurag Singh Pro Codrr

[@darsheelchudal5197]

@@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.

[@75_adityautekar84]

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❤❤

[@chaiaurcode]

It's my pleasure🤩🤩

[@SeekhLo7870]

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.

[@patelkathan15]

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.

[@Azharuddin-khan]

After this lecture do you got to know what reducer is?

[@mriduakaxxehacker]

Ab to 80% to cover ho soka hai React ka 😊❤

[@DavinderSingh-d8j]

A well explained redux-toolkit tutorial, now it is easy to use redux-toolkit in realtime projects. Thank you Hitesh Choudhary.

[@FaisalShabbir-s4o]

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!

[@vatslalit1408]

The ultimate guide for redux toolkit and redux history ..... iske baad kisi tutorial ki zaroorat hi nhi . Thanks Hitesh Sir...

[@Azharuddin-khan]

After this lecture do you got to know what reducer is?

[@qasimmughal4696]

@@Azharuddin-khan watch geekyshows redux video before this video

[@CINEBEATSOFFICIAL]

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.

[@smittrivedi427]

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 :)

[@haridaspawar3579]

Thanks Brother😇

[@prakashnandan7337]

nice

[@adityadas8290]

is project ko resume mein daalu to kya likhna chahiye

[@MehulKumar-xw9rx]

state = current state in the store

[@DhvanitMonpara]

Thanks

[@SurajRathod-f7q]

Just watched this React Toolkit crash course-Hitesh sir, you nailed it! Your clear explanation of Redux Toolkit, from slices to actions and store, made state management so easy to understand. One of the best resources for learning Redux Toolkit-thank you, sir! 🙌🔥

[@Anonymouss670]

was looking to have this lecture and was looking for such comment , now lets start it lol

[@nitinmore7686]

हितेश भाई, पुराणे जमाने वाके जो अद्यापक थे, ओ इतनेही, तन, मन से सिखाते थे.... आप उनमेसे ही हो.... सब आपके यहाँ सिखनेवालो के मन मे , आपके प्रती येही, भावना रहेगी.... यर बहुत अच्छा आजका vdo था... मे इसे सुब ह 3.00बजे से देख रहा था, और समज रहा था.... के बहुत लॉजिकल फ्लो को पकड के सिखाते हो.... येही तो आपने जिन्दगी मे पाया है.... पुरा भारत के हिंदी है... आपके यहाँ करोडो कंमेंट्स बनेंगे.... हमे पता है... बहुत बहुत् धन्यवाद!!!!

[@ankushladani496]

React Redux Is used for making a bridge between react and core redux.

[@NinjaMS_]

Never Imagined coding can be this addictive 😂😂

[@thesolorahul]

only when you study from GOAT 😂😂

[@tanishkagupta6864]

We love history lessons please keep it up

[@SikhleTu]

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 ❤

[@nishutiwari-be1lb]

september 2024,thanks a lot for this whole series..... seriously better that any react tutorial and series availabe on any channel ever .................

[@09ankitverma89]

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

[@rishikeshrahane2333]

Thank you so much sir, for very short and precise as well as concepts clearing crash course!

[@Rohitsoni-dv8lw]

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.

[@NG95010]

Date:02/01/2025 Redux with Chai aur code☕👩🏻‍💻Thank you so much Sir !

[@adarshagnihotri3228]

are sir, thank you... subh uth ke fir se dobara bnaunga....😮‍💨 React state management aap se behtar kahin nhi dekha youtube pr

[@Code_Krupa]

Month: September,2024 Date:19/09/2024 Redux with Chai aur code☕👩🏻‍💻Thank you so much Sir !

[@SagarJidiya-y6l]

same

[@Manoj-eh7dn]

hi, aapne kitne react projects banye ab tk ?

[@RahulSharma-wz6yv]

05 September 2024 Happy Teachers Day Hitesh Sir 🎉

[@Ashishkumar-qs2bg]

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

[@ganeshv4724]

🤣🤣🤣🤣🤣🤣🤣🤣🤣 last point was very accurate

[@ravirajpatil7782]

Hitesh sir aap jaise teachers ho toh har complex chiz simple hogi. Ha hum late(Oct,2024) h par direct h

[@argamezone7181]

Anyone in August 2024

[@sxjeed]

Aug 21

[@mockvlogs1316]

Aug 23🙋‍♂️

[@souvikbid1123]

Aug 25

[@Codewithvikash420]

​@@souvikbid1123 bhai smaj aa raha hai😢

[@SumitSingh_1947]

yes bro

[@yashrajsingh4215]

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!

[@khushiRathore-s3o]

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 🧡🧡

[@Bruh468]

This entire series is probably the best series on React , I have come across. Thank you so much!

[@abhishekmehta6508]

Anyone in October 2024

[@aizajsamani8894]

Redux Toolkit ki sabse Achhi Video , Thank You Sir.

[@vishakhamore3778]

Dec 2024 🤘 3rd attempt to understand redux and I think finally I got understanding now. Thank you so much 😅

[@blackopss017]

A skilled and engaging teacher can take a seemingly dull , complex topic and make it interesting and understandable. You are legit bhaiya ❤️❤️❤️

[@AnilKumarPatidar11]

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 ♥♥♥♥♥.

[@gauravkumawat5811]

@@AnilKumarPatidar11 Hello brother, I've been looking for a job role of a Front-End React Developer but am unable to land any. Now day by day I'm getting depressed 😔. Please help me to get a job 🙏🏽

[@ackibjaved]

I learned MERN stack with your videos. You're a great teacher!! God bless you. Love from Pakistan

[@lordchachaopansari3738]

HI Hitesh SIr, I am a working professional (MEAN Stack) i am watching your react series from 1 Jan 2025 jut to learn more. and found this series is awesome.

[@MdTabish-q1s]

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

[@BioChemAcademy]

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. )

[@pxbxz]

Watching this in October 2024 🎉 . Thank you sir ji for this valuable series ❤

[@punitkingvlogs]

bahut hi ache se samaj aaya bilkul chai aur code is best channel for coding learning

[@yogeshv6799]

Thank you Hitesh! Starting to know this concept with your video and I'm already clear about it to a huge extent. Will practice it and I'm sure I'll get it right! ❤🙏

[@typingmaster24]

Thank you so much sir!! redux-toolkit /state management done here.

[@VishwaKansara-b1d]

React sikhne mein aur history classes mein bahut maza aa rha hain, projects mein sare concepts clear ho rhe hain, Big thanks Hitesh sir

[@Madhavjisha]

wow amazing...from today's u are my code guru...very well explained...🤩

[@jagsdubey9095]

in the slice export default todoSlice.reducer; but in the store imported import todoReducer from './todoSlice'; working fine but not able to understand why? Please clear

[@MohdUsman-js7hp]

In the Slice (todoSlice.js ) file u don't export something called counterReducer. Instead you're exporting the reducer from createSlice instance using export default . when u import it into your store, you can assign it any name you want. Typically it is called todoReducer .

[@MrWroop]

0:07 Present Sir

[@Powerful-Manifestor-]

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. :)

[@chetansharma313]

very nice video of redux toolkit understood crystal clear thank you sir for teaching so clearly and simply

[@VivekSolanki-v7b]

Very well explained, Very easy to understand, Thank you once again.

[@prakashratde787]

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.

[@ansarimuskan4548]

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.

[@sachinmehra6355]

Sir,You Have Explained Redux ToolKit In Simplay Way Words And You'r Teaching Also Awesome

[@piyushwaghela5704]

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

[@elishplayz773]

Too much in depth cant belive I am watching this for free.. Huge thanks

[@travelloussapien8732]

It's really impressive, redux does look easy in this course. great work!

[@amiteshmishra2754]

Nice explanation, I was not confident in context API, but now I am feeling confident about Redux toolkit.

[@NikhilSingh-rx2lu]

Please try to show the output of every step of code...it will clearyf the concept of code

[@VishalAhir-k2b]

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!

[@swapnildapkosh1893]

ye hai content. Thanks Sir!❤‍🔥

[@full_fun813]

Best video of KZbin for learning react-redux.

[@DanishKhan99-C]

Han G chai aur react pe 2024 mai ay hai but but ap jese koi nahi ❤

[@namandeepsingh1949]

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

[@sanchitwadehra]

dhanyavad ji implemented the update function correctly and i am now feeling confident with the redux explained by you

[@rishabhdora289]

Kabhi socha nahi tha redux itna easy rhega. Thankyou! Hitesh

[@________.pathfinder]

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.

[@yashkhatwani230]

Thank you so much , got a good understanding of concepts , will come back and write my takeaways from this video

[@muskanbhatia7654]

Sir in my console 59:01 you have the option to show redux state but it was not shown in my case so how it comes can you please tell me sir

[@raghavmistry3402]

you need to add extension for that redux dev kit in chrome

[@pushprajchaudhary26]

Thank you Hitesh Ji, clear and crisp example to understand RTK

[@chaiaurcode]

Keep watching

[@brainfckk]

Hello sir, maybe keep the history sections to the point and as precise as you can be so that we get a clear picture of what happened and why it happened

[@souvikbid1123]

Simply just awesome ❤❤ Such in-depth knowledge in the most simple way that also for free and also in hindi Just Chai aur Code❤❤

[@vishalamin200]

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.

[@adnanlaghari8026]

maza a gia sir or history lazmi honi chahiya us bhi bht koch smjh ati ha thank you sir

[@coding-with-musa]

Redux explained very easily. Thanks a lot sir.

[@pirate_777_7]

Hm dobara se aaye h sir, actually I was making that MegaBlog Project but forgot everything about the redux toolkit syntax, isliye fir se aana pda .....pr koi nhi chije thodi aur clear hui❤

[@manasbarik-s1v]

Bhai bahut simple way me samjhaya ...thanks a lot bro

[@vishalrajput8231]

🌟 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❤

[@jayraskar]

Attended on 05 Oct 2024, Hitesh Sir be like ek series banaunga koi saalo saal beat nahi kar payega😂😂😎

[@rafiashan8389]

Sir such a detailed video. Thank you so much. May God bless you.

[@aryan_bhagat9447]

Have to say... Isse jyada in-depth kahi nahi milega ❤❤❤❤

[@saifuffofficial8407]

sir may be there is a problem in import on store [ you did not export any variable called todoReducer from Todoslice,js but you import todoReducer in store js 36:02 can any buddy notice it ? ]

[@SaurabhThakur-d8l]

Bro Since we are exporting using default method from TodoSlice, So irrespective of what name you give to it, same method will be imported.

[@AnirbanChatterjee-tp2mf]

Thanks sir for explaining complex topics in simple way. ❤❤

[@VishalGK7]

Great video on redux and a very detailed explaination along with the history..

[@pranshujaiswal-9012]

Watching this video today on 14-October-2024. Enjoying it a lot.

[@GovindKumar-x6t2j]

Very helpful video and I wanna just say, that's the coding coach I want to take coaching from. Thank you so much for delivering this video to us, it was fabulous, easy to learn, concept explanations was neat and clear, delivered complex concepts in very simple and easy way. I enjoyed it '😊😊😊😊😊😊 Thank you once again keep teaching us, God bless you.

[@nitinrawat5061]

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

[@arnavkumar4631]

Fully Understood Sir ji, Thankyou for this much Good Explanation.

[@anupamkumar10]

The best part is that you share the history in your video!!!!

[@divymodi7642]

Thank you soo much sir for amazing redux tutorial ❤❤👌👌

[@shubhansusinghbhadoria8522]

Lajawaab sir, I have no words. please keep making these videos.

[@aishwaryashinde3673]

Awesome session for redux to clear all redux basic concept.

[@ritikmangalcse_sriit7972]

This React series is incredibly informative! It simplifies complex concepts and makes learning React so much easier. thank you hitesh sir 🙏🙏🫡