React Redux (with Hooks) Crash Course

  Рет қаралды 210,224

Laith Academy

Laith Academy

Күн бұрын

Пікірлер: 351
@Xelacedrom
@Xelacedrom 3 жыл бұрын
Best f****** React Redux tutorial ever on KZbin. U are the best man. Appreciate it!
@Peggysue_zSut
@Peggysue_zSut 3 жыл бұрын
Finally after 3 years of wanting to learn redux, i finally found a very good explanatory video. God bless you. ❤❤. You deserve more than a sub.
@worldclasscode1847
@worldclasscode1847 2 жыл бұрын
How about Context ? kzbin.info/www/bejne/i5bbkI1ueLF7qcU
@pallavipatil8270
@pallavipatil8270 3 ай бұрын
No one has ever explained redux this simpler than you did!!! Glad I found you👏
@haciendadad
@haciendadad 3 жыл бұрын
I'm actually glad he ran into that error at the end of the tutorial, it helps explain what Thunk does and how to apply middleware.
@donner7708
@donner7708 3 жыл бұрын
So well explained! This was everything I needed to know to understand redux! And it isn't so bad anymore! Please continue making tutorials, we need more people like you ❤️
@xzex2609
@xzex2609 5 ай бұрын
I was in his react 18 bootcamp , he is the best teacher I had seen.
@charbelboughazale3994
@charbelboughazale3994 2 жыл бұрын
after 7 hours of watching nonesense about redux, I found this video THAT ACTUALLY MADE ME UNDERSTAND!! thank you, you are a hero
@lololoxd54
@lololoxd54 3 жыл бұрын
One of the best explanations of redux I have seen but the best one in case of redux with hooks. In the last redux with hooks tutorial there were no dispatch binding so I had to dispatch every action returned from AC manually like: "dispatch(deposit(100))". Really confusing and not intuitive (in short, it looks bad). Without this AC looks way simpler, just functions we made to update state. For such a detailed explanation of redux and every part of it I give you a sub.
@stillmattwest
@stillmattwest 3 жыл бұрын
This is a great video. I've already used Redux in a bunch of applications, so I just came for Redux with hooks, but I was very impressed at how concise Laith's explanation of Redux itself was. Great stuff.
@mohdzeefan1213
@mohdzeefan1213 2 жыл бұрын
After using redux for some time, I switched to MobX for few years, now I needed some thing to refresh my memory of using redux with hooks. And this tutorial was perfect in every way. Thanks a lot.
@nishantkumar6960
@nishantkumar6960 3 жыл бұрын
Thank you so much. The bank analogy was really very helpful. It's the best redux tutorial on youtube until now, I tried all but only you did make me understand.
@includejoe
@includejoe 3 жыл бұрын
omg I happened to just stumble on this video whiles searching for a concise video to explain redux to me. This is the best by far! you're tooo good. and I appreciate you. God bless you
@piegpa
@piegpa 2 жыл бұрын
Bro, this is the best Redux explanation on YT and I’ve seen many! Thanks! Keep on posting your videos please!
@samrathchauhan1271
@samrathchauhan1271 3 жыл бұрын
Nice demonstration man. Worth every second
@focusiam2027
@focusiam2027 Жыл бұрын
Explaining the workflow is actually better than remembering the code, which you can find it almost anywhere, thank you so much for doing this, it was in fact the best tutorial/crash course i've seen about redux, please keep doing it like that.
@sheikfareedh9500
@sheikfareedh9500 4 ай бұрын
After watching 20 videos , this is the one video which explained me what is redux clearly, thanks man🙂
@MrBlazzerBoy
@MrBlazzerBoy 2 жыл бұрын
The illustration really helped. The explanation is clear and concise. A kingly video.
@asim-gandu-phenchod
@asim-gandu-phenchod 2 жыл бұрын
Redux data flow analogy is just amazing. You nailed it
@xzex2609
@xzex2609 5 ай бұрын
Laith is the best teacher I had seen. I was in his react 18 bootcamp from udemy and there was a netflix app that we learn to develope that used redux , and even though he explains every thing well I need to jump and see a few videos . I did not know his channel and when I accidentally open this video when I heard his voice I jumped and I see this video , I really am happy to see his channel cause he is the best in terms of explaining things.
@kennethharveycruz8636
@kennethharveycruz8636 2 жыл бұрын
I've searched so many tutorials about redux and also bought a udemy course to learn redux but I still had difficulties understanding it. The way you explained everything in this video made everything "click" for me. Thanks so much for making this! 😄
@JustThink2000
@JustThink2000 2 жыл бұрын
This is genius way of explaining it. I have never got the full scope of redux until today. Thanks!
@justMeJustBri
@justMeJustBri 2 жыл бұрын
Great high level walk through of getting up and running. I haven't used Redux in a production environment yet and wanted a refresher on it. After watching this I just don't want to use Redux. Being able to build out this same logic/functionality with Context/Hooks in less time and with less code makes me think "Why would anyone use Redux!?"
@augustmiller6845
@augustmiller6845 3 жыл бұрын
This is the best introductory react-redux course I have seen
@fawazsullia5620
@fawazsullia5620 3 жыл бұрын
This is hands down the best react redux crash course ever
@ophaider9665
@ophaider9665 2 жыл бұрын
I was searching for the best redux and toutorial but this is even better than i expected Thankyou so much for putting real effort in it..............
@maximbuz8312
@maximbuz8312 3 жыл бұрын
I was always afraid of using Redux but your video literally hyped me up to use it in my next project. Damn, thats how teaching should always work
@worldclasscode1847
@worldclasscode1847 2 жыл бұрын
Did you try Context in any project? :)
@maximbuz8312
@maximbuz8312 2 жыл бұрын
@@worldclasscode1847 actually I did recently, and it brought me to believe that quite a lot of usecases (especially auth) that I used to solve with redux can easily be solved with context 😂😂
@ricktheobserver8113
@ricktheobserver8113 2 жыл бұрын
thank you 3000 for everything, I have tried many tutorials but didn't work till seeing and coding along your vids and finally I understand typescript, redux. TY!
@Bosbay6902
@Bosbay6902 2 жыл бұрын
Following your code for the action-creator I will get an error "Actions must be plain objects. Instead, the actual type was: 'function'. ". I thought I declared dispatch repeatedly but I did not find that problem. So I google around I had to change the syntax for the action-creators to: export const depositMoney = (amount) => { return { type: "deposit", payload: amount } } export const withdrawMoney = (amount) => { return{ type: "withdraw", payload: amount } }
@llewellynross
@llewellynross 2 жыл бұрын
thanks
@snuglife3697
@snuglife3697 2 жыл бұрын
Yes, he gets to this later, but only after running different code than the code so far in the lesson, and making you think it's your mistake. 🙃
@bobbyr
@bobbyr 2 жыл бұрын
Great thanks! A lot simpler syntax to understand/remember.
@brendon205
@brendon205 2 жыл бұрын
you can use implicit return to make it more simple: export const depositMoney = (amount) => ({ type: "deposit", payload: amount }) even more simple: export const depositMoney = (payload) => ({ type: "deposit", payload })
@sourenasahraian2055
@sourenasahraian2055 2 жыл бұрын
I don’t know why he’s introducing a more complex form of an action creator as opposed to starting with a simpler example and extending on it . What he’s showing here is called Redux Thunk .
@jimyneodesign3419
@jimyneodesign3419 3 жыл бұрын
Thanks a lot from France for this crash course, wanted to learned Redux with React hooks, now it's done!
@fateme731
@fateme731 Жыл бұрын
Finally found the course that teaches redux conceptual and easy to learn.Thank you
@OmnispectiveHub
@OmnispectiveHub 2 жыл бұрын
Bro, this one video led me to completely understanding Redux. You are amazing
@johnwaweru952
@johnwaweru952 3 жыл бұрын
I bumped into this error on number 42:06 Fix - actions must be plain objects. use custom middleware for async actions. I solved it by installing thunk npm i --save redux-thunk Then I imported thunk in the store file: import thunk from "redux-thunk" Then I setup the middleware in the createStore method: createStore(reducers, applyMiddleware(thunk))
@klhmia
@klhmia 3 жыл бұрын
Thanks! He does explain this in the video though - also, I don't believe you need to use the --save flag on npm installs anymore as of v5.0. 👍🏼
@johnwaweru952
@johnwaweru952 3 жыл бұрын
@@klhmia Thanks Karseen. I later on saw that he solved it later on in the video. You've enlightened me on the --save flag.
@owltrades
@owltrades 2 жыл бұрын
Best explantion of redux I've ever seen. THanks
@kenpinzky4798
@kenpinzky4798 2 жыл бұрын
The truly remarkable videos do not ask for Likes or Subs - I'm totally blown away by this great video
@Gigusx
@Gigusx 3 жыл бұрын
Watched it as a refresher, decent crash course. One comment on writing actions - what made Redux think you're intending to send async actions (and there are needing to apply a middleware in your store, which you don't need to do otherwise) is that you returned a function instead of a plain object in your action creator. You'd only be returning a function there if you're using thunk (and I'm guessing other async redux libraries also use this pattern) in the first place.
@ayaniegain
@ayaniegain 2 жыл бұрын
this is the most amazing redux video on the internet. thank you so much sir, please keep making react video
@rosalindaalbrecht1795
@rosalindaalbrecht1795 2 жыл бұрын
Thank you so much for making this! Made my life so much easier today! I was a little rusty coming back to Redux using hooks rather than class components and was looking for a refresher and I have to say that this is one of the best simple explanations showing all of the moving parts I've seen. Thank you so much for your hard work. Also - for anyone who went over that third to last section three times - just wait till the end, the thunk error is explained. :)
@robertyarborough9363
@robertyarborough9363 3 жыл бұрын
Very concise explanation of the core architecture, state relationships, of redux as it pertains to react.
@nipundilshan9828
@nipundilshan9828 Жыл бұрын
Wow. This is the best crash course about React-Redux. Thank you very much !
@Spookydigy
@Spookydigy 3 жыл бұрын
Great tutorial man, I learned a lot but I wish you brought up the thunk earlier because I kept rewinding your tutorial over and over again because I thought I missed something.
@collins4359
@collins4359 3 жыл бұрын
lol same here man
@designcoded7585
@designcoded7585 3 жыл бұрын
he hasnt shown that part but it works any way
@FakeAssHandsomeMcGee_
@FakeAssHandsomeMcGee_ 3 жыл бұрын
Yes.
@abdeldjalil.hachimi
@abdeldjalil.hachimi 3 жыл бұрын
The best Redux tuto I really appreciate your efforts , keep going bro
@marvin_e
@marvin_e 2 жыл бұрын
This channel is a goldmine. Keep up the good work!
@jacobleonhardt4421
@jacobleonhardt4421 2 жыл бұрын
Great tutorial! Was trying to get back into React and Redux after having been out for a while, and this was really helpful. Thanks!
@codingintelugu8820
@codingintelugu8820 3 жыл бұрын
The bank analogy was fantastic except for reducer takes in action, but the point is when there is any dispatch happened in the application, the store will LISTEN to the action type and route that ACTION to a specific REDUCER function, in a nutshell, the banker guy is STORE and reads the envelope and pass it to the respective worker (reducer function ) based on the text in an envelope (action type)
@lakshmimishra431
@lakshmimishra431 3 жыл бұрын
literally after watching numbers of redux tutorial, this is the best.The best part was the analogy of bank example. Thankyou.
@ardavan1385
@ardavan1385 3 жыл бұрын
Best Redux explanation on the whole youtube 👍
@iam_eke
@iam_eke 2 жыл бұрын
This is the best react-redux tutorial video
@daniellerma8004
@daniellerma8004 2 жыл бұрын
Thank you very much. I've always been scared of redux and I've taken many tutorials and I think I finally got it. Thanks
@syafihakim1181
@syafihakim1181 2 жыл бұрын
This is very well explained bro! You are the first video that I can concentrate on. The tone of your voice, the straight to the point style and the clear picture of stuff are just excellent!
@richardbiros2579
@richardbiros2579 2 жыл бұрын
This is a great explanation of Redux. I've watched some Udemy course from the other guy and this was explained much better. Appreciate!
@blahhblah2295
@blahhblah2295 3 жыл бұрын
Thanks. i really mean this as a compliment. It's nice to have something that covers theory a bit, and bridges it to some of the lingo. Most of the react and redux api is all over the place even the official documentation; it's extremely hard to follow. there are 10 different ways doing doing things. It's like the people that right the react documentation are the same folks working on the facebook privacy controls. This really helped.
@Carbv1
@Carbv1 2 жыл бұрын
Best crash course on react-redux! Thank you!
@coding7430
@coding7430 2 жыл бұрын
very good for a beginner trying to learn redux, I would suggest at 35:05 when you said dispatches an action, dispatch being hard to grasp for beginners i would suggest use "action creators return an action object"
@foysalmohammad3278
@foysalmohammad3278 3 жыл бұрын
Your real life bank example is just awesome. Many thanks, man.
@contentshark5122
@contentshark5122 2 жыл бұрын
Best video so far on React-redux
@Blackbirdhandle
@Blackbirdhandle 2 жыл бұрын
Great video, gave me a lot to explore redux. Seems like there is still alot to explore, ill be coming back for sure!
@pariparia6033
@pariparia6033 3 жыл бұрын
I didn't find a good react-redux course in my language (Persian). And I was disappointed and confused until I found this course. Thank you very much for this amazing course. I learned everything very quickly!😍😍💐
@surajshetke4440
@surajshetke4440 2 жыл бұрын
Best Ever Crash Course On Redux
@baganaakh
@baganaakh 3 жыл бұрын
Some times following crash courses are best before this I only watched 3 hour of course on Pluralsight but no understanding Many thanks to you
@mdalkaium
@mdalkaium 2 жыл бұрын
At last I have understood Redux. Thank you very much for your great explanation. Subscribed😊
@Kuromi_lover-9
@Kuromi_lover-9 3 жыл бұрын
React-redux now makes more sense to me, thanks so very much for the clear explanation!
@On7D7
@On7D7 2 жыл бұрын
Review:- This is the only video that perfectly explained Redux
@hepbitkin9854
@hepbitkin9854 3 жыл бұрын
Best Redux explanation I have ever seen so far. Great job, thank you for your effort.
@hellocat7760
@hellocat7760 7 ай бұрын
The best video of explaining about the redux with react. The example of this tutorial is amazing, i am so appreciate of your work. it inspiring ✨, Big thanks to you.
@redouesreda5804
@redouesreda5804 2 жыл бұрын
I just paused the video just for saying to you thank you about your schema explaining Redux process, I like the idea around the king, servant, pigeon ( Take a dove next time because I hate pigeons ) and the Bank !
@barteg_s
@barteg_s 2 жыл бұрын
Best video on Redux - really well explained, thank you!
@HarisKhan-bh6uj
@HarisKhan-bh6uj 3 жыл бұрын
damn ! one of the best explanations on react redux i have found so far !
@amitnautiyal9298
@amitnautiyal9298 2 жыл бұрын
Very well explained mate. Have been through a lot of react-redux videos but they are too complex. I love your example and step-by-step approach. I am your big fan from now on 🙂
@milad3605
@milad3605 2 жыл бұрын
I just found your channel and I found crash courses I needed. Thank you for clean explanation. Great content. I hope I would have found you sooner.
@johnr3936
@johnr3936 3 жыл бұрын
Bravo. Truly well done. One of the best instructional videos I have seen, ever.
@umairqamar2672
@umairqamar2672 2 жыл бұрын
this is something on another level, mate
@amenbreak8655
@amenbreak8655 2 жыл бұрын
While researching I was put off by Redux, because people pictured it as being overly (and unnecessarily) complex. I think I get what they mean, but your video structured Redux' workings so clearly that I'm actually excited to dig deeper. Thank you so much for this! Now back to doing the UIs bidding 😅
@Lohitpant
@Lohitpant 3 жыл бұрын
that was really easy to understand. thanks. Although I was searching if I made a mistake when I got an error and you smoothly clicked on the buttons and had to watch it twice.
@meiuandrei1106
@meiuandrei1106 2 жыл бұрын
The best redux tutorial i could find! Thank you for this. You're amazing!
@haminpark2981
@haminpark2981 3 жыл бұрын
Thank you the nice video, this really gives me an image of how redux works
@CreepyDude15
@CreepyDude15 2 жыл бұрын
Thank you so much for this! I've tried my hardest to learn from the documentation but it is just so hard to grasp. You explanations and step by step process made everything much easier.
@owltrades
@owltrades 2 жыл бұрын
Once again watching to refresh my knowledge.
@reelpulse-ons
@reelpulse-ons 3 жыл бұрын
Perfect video to learn redux, a simplest way to understand the whole concept of react-redux.
@donmikkodanm.olmillo8154
@donmikkodanm.olmillo8154 3 жыл бұрын
Hi! A humble request pleease :) do a React-Redux Toolkit and also how to integrate the Redux DevTools Extension, thank you and so much love for the free knowledge and content you make
@salmanabbas4994
@salmanabbas4994 3 жыл бұрын
Too great bro .. Best tut with best explanation on redux. ❤️❤️
@heyyyyyworld
@heyyyyyworld 3 жыл бұрын
Love the story telling part!
@olishiz
@olishiz 2 жыл бұрын
It’s quite refreshing and beginner friendly for your crash course. I find it a little bit complicated at first, but practice and patience definitely helps me understand React state management along the way.
@TheKuhtaMusic
@TheKuhtaMusic 3 жыл бұрын
Lol, spent like 20min trying to understand the "Action must be plain object error". Solved it by removing the (dispatch)=>{..} wrapper function and then continued to watch the video where he went on to display that we probably are seeing an error and that is because of the redux-thunk :D So just to clarify, in this case there is actually a zero need for the redux-thunk, right?
@gireeshkumar8726
@gireeshkumar8726 2 жыл бұрын
The way of explanation is too good keep rock bro 👍
@VikasKumar-js4ex
@VikasKumar-js4ex 3 жыл бұрын
best under rated channel
@defiler90
@defiler90 3 жыл бұрын
Yo this was such a good explanation. Much better than what I've been trying to follow on a udemy course i bought.
@Chron1cles31098
@Chron1cles31098 2 жыл бұрын
Liked and subscribed. Thank you for providing us with such a clear and concise explanation, for free at that.
@asfakhusain1133
@asfakhusain1133 2 жыл бұрын
This is the best video on Redux 💥
@kennaw7198
@kennaw7198 2 жыл бұрын
This was explained very well! Really helped, thank you.
@mohammadmirzae7782
@mohammadmirzae7782 3 жыл бұрын
man how cool u explain it thank u very much it was the most atractive tutorial have ever seen
@mohammad-hosseinhashemian6804
@mohammad-hosseinhashemian6804 3 жыл бұрын
amazing tutorial!! i watched with all my being, although I've known redux
@pavanshirguppi5261
@pavanshirguppi5261 11 ай бұрын
Very well explained! Good one bro!
@saikatpaul6576
@saikatpaul6576 3 жыл бұрын
The best best best redux tutorial
@Sky-yy
@Sky-yy 2 жыл бұрын
What an simplified explanation
@syedmuhammadsajjad3393
@syedmuhammadsajjad3393 3 жыл бұрын
You just earned a new subscriber. Thank you for this in-depth and well-explained tutorial
@codedummydev
@codedummydev 3 жыл бұрын
Great analogies! Unlike other tutorials, you make it fun!
@syedabbasali9826
@syedabbasali9826 2 жыл бұрын
Excellent video, cleared most of my doubts
@moreiralucascde
@moreiralucascde 3 жыл бұрын
I finally understood some concepts thanks to you. !
@greykor140
@greykor140 3 жыл бұрын
For those of you getting an error at around @42:00, just watch the next minute or two.
@rhapsodi
@rhapsodi 2 жыл бұрын
God bless you
@SaifulIslam-vr2eu
@SaifulIslam-vr2eu 2 жыл бұрын
It's really well explained tutorial. And the way of teaching is impressive
@sanjayajayasinghe1903
@sanjayajayasinghe1903 3 жыл бұрын
You explain it with really good story example,great lesson.
React Redux with TypeScript Crash Course - 2021
43:26
Laith Academy
Рет қаралды 119 М.
React Hooks Crash Course (useMemo, useCallback and more).
31:49
developedbyed
Рет қаралды 88 М.
Каха и дочка
00:28
К-Media
Рет қаралды 2,3 МЛН
So Cute 🥰 who is better?
00:15
dednahype
Рет қаралды 18 МЛН
Cheerleader Transformation That Left Everyone Speechless! #shorts
00:27
Fabiosa Best Lifehacks
Рет қаралды 14 МЛН
УДИВИЛ ВСЕХ СВОИМ УХОДОМ!😳 #shorts
00:49
React with Redux Toolkit Crash Course
1:09:05
Laith Academy
Рет қаралды 99 М.
Redux Tutorial (with Redux Toolkit)
19:28
Net Ninja
Рет қаралды 350 М.
React Crash Course 2024
3:04:36
Traversy Media
Рет қаралды 639 М.
React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021
53:26
React with TypeScript Crash Course
1:07:05
Laith Academy
Рет қаралды 240 М.
Learn React With This One Project
42:38
Web Dev Simplified
Рет қаралды 839 М.
Why I avoid useEffect For API Calls and use React Query instead
17:45
Каха и дочка
00:28
К-Media
Рет қаралды 2,3 МЛН