Redux toolkit crash course | Chai aur React Series
HTML-код
- Опубликовано: 18 сен 2023
- Visit chaicode.com for all related materials, community help, source code etc.
Redux toolkit crash course
Sara code yaha milta h
github.com/hiteshchoudhary/
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial 
Развлечения
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?
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 ...😄
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. ❤
finally a worthy video i found which cleared all my doubts of redux .Thnx Hitesh you are a great Instructor and a good one at it
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.
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.
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
A well explained redux-toolkit tutorial, now it is easy to use redux-toolkit in realtime projects. Thank you Hitesh Choudhary.
Awesome video sir! Loved it. I have realized over time that it is the same creator you love for some videos and it is the very same creator you might not relate in some videos. The key is to stick to the eternal mission of learning and eventually, you will love the journey. Just Love and Love
Bhot badhiya video hai, pura fundamentals of redux clear hogya, thank you hitesh bhaiya
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 ❤
Thank you so much sir, for very short and precise as well as concepts clearing crash course!
I really appreciate how you breaks down complex concepts into easy-to-understand explanations.
Thanks Hitesh sir, for creating such helpful content!
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.
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.
Reading the official docs of Redux feels like reading and learning Swift’s combine framework and other reactive frameworks which are very hard to learn.
But the way you have simplified all the videos especially the context apis and this one hats off sir.
Simply amazing.
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
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, 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 ?😂
Thank you so much for making this tutorial. For me this is the best lecture on redux so far...You made it so clear and easy to understand!
Super easy explanation. I am thankful to learn react from this playlist. I don't know if I would have learnt from any other playlist then how many days would I have taken to learn react and would it even be good or not. But no doubt about this playlist, it is amazing !!!!
Video aadhi samajh aagayi thi
And the last explanation cleared all doubts and flow of working.
The way you add a relaxing element in your teaching is just amazing!
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.
*_Thanks a lot, sir, Your topic explaining skill is truly exceptional and highly commendable._*
Thank you so much Hitesh for making such a complex topic so easy and so crisp!! Really hatts off and keep mentoring !!
You are the only person who can teach such complex topics so effortlessly. Thanks a lot!
Ab to 80% to cover ho soka hai React ka 😊❤
React Redux Is used for making a bridge between react and core redux.
We want more videos like that , your explanation is very interesting
Everything is good in this series..dope💥💥 just this part redux toolkit...is what i think will create some confusion.. i think you should first explain little bit about the redux then can essily teach about toolkit.. .. Other than that everything is🔥🔥
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 🧡🧡
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!
Awesome detailed explanation. You are absolutely right about “chize complex to koi bhi bna deta hai, unhe aasan banane ke liye mehnat lagti hai”
हितेश भाई,
पुराणे जमाने वाके जो अद्यापक थे, ओ इतनेही, तन, मन से सिखाते थे....
आप उनमेसे ही हो....
सब आपके यहाँ सिखनेवालो के मन मे , आपके प्रती येही, भावना रहेगी....
यर बहुत अच्छा आजका vdo था...
मे इसे सुब ह 3.00बजे से देख रहा था, और समज रहा था....
के बहुत लॉजिकल फ्लो को पकड के सिखाते हो....
येही तो आपने जिन्दगी मे पाया है....
पुरा भारत के हिंदी है...
आपके यहाँ करोडो कंमेंट्स बनेंगे....
हमे पता है...
बहुत बहुत् धन्यवाद!!!!
happy if you cover three.js , react fiber, framer motion in this series😍😍😍
best video of redux, till now i have seen so far, was unable to understand redux till today. Finally I can new concept done and dusted...
Thanks @chai aur code. Big thanks and love to you @hitsesh chaudhary and team...❤❤❤❤❤❤❤
Bohot mza aata hai kisi bhi chij ki history Janne me... sir btaya kro aap hmesha hi history
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
We love history lessons please keep it up
Thank you so much sir, aj tak redux bohot jaiga me para, but apka samjhane ka style is awesome, thanks again for solve my redux problem & all other information in redux..
Man , i needed to watch it 2-3 times but far better than watching 100 times on some other channel :)
lots of respect to you sir !!!
you made it look easy , hats off for real ._.
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!
Never Imagined coding can be this addictive 😂😂
A skilled and engaging teacher can take a seemingly dull , complex topic and make it interesting and understandable. You are legit bhaiya ❤️❤️❤️
Your lesions are very easy to understand and you have very good teaching skills. Appreciate for your help.
This was an excellent video! The simplest explanation ever.
Guruji is back❤
Sir ji aap ki teaching ka bahut bahut shukriya aap ke javascript or React.js ke tutorials dekh kar maine acchi practice ke saath maine interview diya tha or Kal mujhe HR se feedback mila hai
Ye apko batatey hua mujhe Khushi ho rahi hai ke Mai select hogaya hu..... thanks for your teaching ❤❤
Kis company main or package kya hai....mera bhi interview hai kal
@@uhk2150
Confidential hai bhai sorry
By the way best of luck for your interview
@@rizwan-rn package btaana bhi confidential hai...?
A big congratulations. Chai to bnti h isi baat pe
@@chaiaurcode bilkul sir ji
I love learning from this series!! hatts off sir
You made it so easy to understand, thanks a lot sir!! :)
Thankyou so much sir. Enjoying learning from you.
Awesome Hiteh Bhaiya Thank you very much to make easy of there concept ...........
Thank you so much Hitesh Sir for this lecture.....I literally learned redux-toolkit in 1 time only watching your video first.💯🙌
Very nicely explained video about redux toolkit, recommended to every one. Thanks @hitesh for such a lovely video.
This vdo is a gem!!
Thank Youu Hitesh Sir for giving this awesome contents...💕
Exceptional content quality. Great explanation. You made the difficult parts very easy.
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. ✌💛
agaye hum bhi redux revision karne. pehle as a crash course dekha tha is baar react ki series cover karte hue aye hai
Such a nice tutorial, full of valuable content. Love you sir ❤❤😍😍❤❤
Wah
ek dam structured way main samjhaya h sir g
step by step - maza aaya padhne main 🤩
Thank You Sir
2 baar dekha h 😁
Thankyou so much Sir for this wonderful tutorial. Really, a To-Do app is not as simple as people say it is. You make learning fun and interesting. Please continue and keep us updated.
Overall good and very well explained how simple and straight forward redux toolkit is and also the history of redux was also good having a knowledge about that. Overall awesome video👍👍
Thank you so much for your amazing Redux tutorials! Your clear explanations and practical examples have truly made a complex topic understandable and approachable. I finally feel confident in using Redux thanks to you!!
18:02 redux is an independant library, it works with js aaps, for different js frameworks, we have special redux support for each. so we have to install both redux and react-redux with react.js.
Thanks a lot dear for such a video. Especially relating the history is superb. highly recommended video to learn about redux toolkit.
history sections are infact great sir, makes us understand even better. Please don't ever even think of removing such sections in any course.
Hello Hitesh, fantastic! you must include the history lesson and its wonderful watching your RUclips tutorial. HP from Pakistan
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😢
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
Great explanation sir. Thoda beech mai confusing laga badme sab clear hogya. Thank you for your efforts.
After 3 hours update functionality bana di. Khup bhari vatay.
can u help me with update functionality
amazing explanation sir, you make the redux toolkit very simple for us. Thank you sir.
thank you so much sir , your teaching style is super , it
make user to understand quickly and remember things easily
18:10 reason to use 2 different libraries is that redux itself is a independent state management library and if we want to use redux-toolkit then we need to separately install react-redux and redux-toolkit both
watched it, loved it and learned a lot from it. Thank you sir🙏
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 😅.
Teacher great ho to ye chota mote concepts to chai bnane se ziyada asan hn.... watching you and praying for you from Pakistan.........
Learned a lot and specially the last 10 mins where you summarized the whole video helped me understanding the things which I have not understood in the first time. Thank you so much Sir for taking your valuable time and making content this deep for us completely free.
kuch to achha kiya hoga hamne tab ja ke aap jaisa sir mila hame, hat's of to you ...! ur really good teacher
Your contents are helpful to build complex project sir.
Thank you!
This is my first video for redux toolkit .and really it is awesome.thank you sir 🎉❤
I have seen many videos of Redux on RUclips but Sir, the way you have taught Redux is the best. Thank your Sir
Sir thank you so much to make things this much easier for us....😊
Initially I thought redux is so tough to understand but you made it look easy. Thank you for this amazing lecture sir😊
You’re so talented in teaching, I actually don’t know what is redux after watching your content is so clear like crystal
Sir ji aa gye hai hum b, Series continue kr rhe hai, 2-3 bar video dekh rhe hai jb tk dimag me nhi baithti... great content🚀🚀, following you since 5-6 years.
Amazing explanation sir ji. I had been avoiding redux for a long time, but not anymore.
Understood everything.
Your Content is pure GOLD.
Its been few years, I have been watching your videos and no doubt there is a lot of hard work to produce the content and the best part about you is the quality of content and depth of knowledge you share.
Keep it up Choudhary shaib.
Thanku sir concept to sab smjhate hai pr AAP jo ek long project bnwate usse bahut clarity milti hai thanku sir itna sab kuch free mein Dene ke liye
App na ho to hum coding kab ki chod dete hai yeh sochte hue ki ye to bahut mushkil hai ❤❤❤😊😊😊😊😊
Thank you so much sir for this amazing content.... update waali functionality include krne ki koshish jaari hai
Thank you bhaiya ,you just made it so easy to understand❤
well structured i think one and only in hindi and maybe in english too , best react series ever
Best one ever i have seen ...nice work bro...
finally completed this amazing lecture ,it was such a deep and vast topic took me days to complete it
Best video of Redux toolkit. Started watching video with minimal knowledge and ended up with 100% knowledge plus hands-on confidence. That's what Chai and Code meant for. Thank you so much.
Best tech tutor in the youtube india history till now and forever. Love from Gujarat ❤❤❤❤❤❤
Thank you sir for Redux Toolkit crash course 😊🤗 it's really awesome!
Amazing video...with concise explanation 😀😎