React with Redux Toolkit Crash Course

[@theodoreivanov6257]

This is the absolute best explanation of the Redux vocabulary that I have seen. I encourage you to continue with this style based on diagrams and analogies to daily-life concepts, it makes the whole difference in the world. Thank you.

[@reandov]

Hey man, I saw this video thumbnail a few days ago, let it opened in my tabs and a few days later (right now) I've finally watched! Amazing lection! Thanks a lot! ⚛

[@fateme731]

Thank you for avoiding complex teaching (as othes courses) and using very simple & easy to learn example.

[@michealfletcherjr.3125]

I really appreciate this video. My cousin recommended it to me after it helped him with a project and my guy, you ROCK! This was so easy to follow along with and your explanations were very easy to ingest. I have a much better understanding and appreciation for Redux Toolkit after this first watch. Thank you for your time and effort to make this. I found this extremely helpful! I also appreciate your willingness to share your mistakes and explain how they happened with resolution. Very genuine of you to include! Thank you!

[@kikevanegazz325]

I have to say... ABSO-FREAKING-LUTELY AMAZING crash course. Clear, practical, cutting-edge. Practically a certification course.

[@olamidejubril9913]

Thanks Laith for always making out time to make these good content. I really appreciate you man.

[@lordhuzi3316]

videos really good for getting an understanding of Redux toolkit, i myself got about 60 percent understanding of redux toolkit which is really good as compare to other youtubers

[@arslanahmed1311]

This is the best tutorial of redux and redux-toolkit. You showed the differences between old redux and new redux-toolkit.

[@bagusamrullah4371]

You are one of the content creators whose English is understandable which makes me able to absorb the knowledge, thank you Laith!

[@MohamedEmad-yp5gz]

I have seen several explanation for redux/redux tool kit to use it in my , by far this one was the most helpful and the one that made me really get it . Thanks Laith

[@carlsinging6701]

you have no clue how much this helped ,we really appreciate what you're doing man

[@swapnilsinha7649]

I found your channel today, feels like the day paid off. Your all videos are soo good, I will watch them all and Thanks for your efforts, really appreciate it.

[@jeremyptlt]

Clear explanations, straight to the point and with wonderful analogies, this crash course is absolutely perfect! Thank you for that!

[@mohadesemousavisaeed5119]

Thank you so much, that was by far the best redux crash course that I've taken 🙏

[@LuisBlancoAustin]

One of the best tutorials on the benefits of the Redux toolkit I have seen. Many thanks, Laith.

[@zPiranhaz]

Finally I found this really good tutorial after I've seen so many other channels just repeating the docs.

[@mofurqon]

I just watched the react redux and redux with typescript. And wondering about the redux toolkit. Man, you're the best

[@shineLouisShine]

I tried to add a color proprty, and realized how far I am from implement the concept. *update* Ok, I did it, and wow. This app looks so much cooler when you attached a color to each reservation, and while removing it, the same color is now attached to a customer. Sweet :) P.S. Just a "tip" of a student's perspective: It is very helpful when a tutorial ends with a conclusion of the entire lesson.. Like a summary of the entire structure and flow of the app.

[@miguelhernandez72]

You posted this exactly the day I need it! Thank you so much

[@JoelRdz]

This is gold Laith, I saw all your React, Redux, Typescript videos and I have a much better understanding now, thanks for your time, you're a great teacher!

[@dusanvulic7275]

AWESOME !!!!!!!! Absolute best explanation of the Redux Toolkit EVER !!! Thank you very much Laith !

[@trane7free]

Great video Laith, the way you describe the topic is really easy to be followed by the viewer.

[@mohammadmakki8615]

you saved my life man. I am eternally grateful to you seriously.

[@videowithoutediting4097]

This is the absolute best explanation about redux toolkit

[@samrathchauhan1271]

The perfect video and channel I came across this morning. Superb explanation with detailed concepts. Just wonderful. Hats off to you sir.

[@shamo84]

watched a dozen tutorials, this is the first that works for me!

[@peshutanpavri1599]

You are my favourite person for learning anything React related. Your style of explaining really works for me I enjoyed your MUI tutorial very much but I found a couple of features that don’t work right especially the grid. What do you think about semantic ui in comparison? Would you consider doing a tutorial on Semantic-Ui ? Thanks again for the upload

[@qcmira2024]

Loved your video ! You made it really simple to understand with a nice real-life little project. Just perfect. Thanks !

[@theomegamale5335]

How is your channel still so small 0_0 Seriously, I am not a React fan and I am watching this whole video just because your content is so good and you deserve the watch time/like/subs. Hands down up there with the big dogs.

[@Kessra]

Very insightful tutorial and good presentation. The only thing I'd like to mention is that you could reuse the Customer interface instead of defining a new type in the CustomerCard. Also, instead of passing each of the customer's properties to the CustomerCard you could use destructuring, "{...customer}" here directly to pass all the properties to the card.

[@DevUbaidullah]

I want to tell you some thing. At this point you are my life line

[@sakshamkapoor5905]

This is my new favorite channel!

[@plashless3406]

This is what I was wanting for a time. This is really great. Hats off to you man!

[@PushpendraKrSingh]

Thank you very much, Laith, for this fantastic video; I was seeking for something similar that was simpler to grasp and implement. This is nothing less than gold; your explanations are crystal clear, and I am grateful to you for your efforts.

[@yousafsabir7]

Great Tutorial sir. Looking forward for an advanced toolkit tutorial as well in which you connect to the backend

[@sivaprasad4858]

Thank you for a good, simple and easy explanation

[@pablowbk]

This has been great, Laith, thanks a lot. Really helped have a better grasp of the fundamentals of redux toolkit

[@jr-hp7er]

Awesome, please make more such videos with redux toolkit, createAsyncthunk and react, react,etc..... love your videos on typescript, keep it up

[@TrowSonny]

I subscribed the moment i saw that you are going to use Typescript :D

[@captainlennyjapan27]

Redux needs to hire you asap. Their documentation is so anti-intuitive, I don't understand how it got popular in the first place. When I first learned Redux Toolkit like 6 months ago, I had to write myself an analogy similar to this! I was explaining action to my friends as passing a memo that says "do this!" I'm glad to find that somebody took the similar approach and did it even better!

[@woofcode3383]

Thanks so much for taking the time to teach us. You are great! Hope your channel will grow more. shared, liked, commented. Cheers!

[@Sameer_Kumar]

Using typescript for tutorials. I see, you are a man of culture. 🏅 Maybe you'll wipe out some of the fear setup by the original redux library and all that boilerplate. Great tutorial.

[@FelipeSilva-yg3bc]

you is really great like teacher. Thanks you from Brazil 🇧🇷

[@ramseykarr6870]

Best explanation so far...hats off🙏

[@error0803]

Was hard for me to work along with you, since you used TS and I used JS. But it was a very helpful video. Thanks

[@yx5991]

I’m only 6 minutes in and this is absolutely incredible!!! You are a gem

[@brahimmahioussi2428]

thank you very much laith , finally i did undestand redux , now i can add it to my future project thanks again

[@Bomullskaka]

Very good tutorial 😊 Please do more stuff on Redux toolkit 😃

[@alansaldivares]

This is great, can you explain in detail the new technique of extra reducers and builders? good job man! 😀

[@rishabhmahajan409]

Awesome Video.. thanks for such a detailed and nice explanation .👍👍👍👍👍👍🌟🌟🌟🌟🌟🌟

[@mikofloso]

Literally i was about to learn Redux Toolkit today thanks a lot!!

[@mohamedyoussef8835]

Awesome Tutorial ++++++++++++ Best explanation I've seen so far ++++++

[@MightyKingKala]

your channel is gem

[@zenlogie9310]

love your videos Laith-man, keep them comin ♥

[@endiii67]

Congratulations, very good tutorial

[@simonphillips2471]

Amazing video, thankyou so much. Would be great if you could do a video on unit testing a project with Redux toolkit and connectin Redux toolkit to a backend API to get data

[@npcdusun]

Amazing, thank you for the tutorial bro.

[@gavincoulson3900]

Awesome stuff, thanks for this

[@ash51823]

Thanks for the video. It would be great to make also Toolkit video with handling async requests by using extraReducers.

[@nhatbui229]

Thank you bro.Very clean

[@nachum800]

Great explanations!!!, This video really helped me. Thank you!

[@idevbrandon]

Thank you. It was so clear and really helpful to gain redux-ts knowledge :)

[@hamzazaheer3977]

Quality Content

[@mfkfawas5157]

Best Content.

[@bilalshahid8088]

i like this video

[@tideer]

very very nice video Thanks!

[@MohitSharma-ur8pl]

Great tutorial.

[@ft_kd]

You got a new sub mate

[@arpithiside]

Thanks a lot mann you saved mee !! :D

[@Edgaralguapo]

This is great tutorial

[@khandoor7228]

Excellent Laith!

[@thippanayugesh8414]

Hey laith! currently watching your old video on react redux. Should i continue watching that or this the latest one to learn? Thank you.

[@starriet]

Awesome example. Thanks mate.

[@theasdazx]

I remember getting frasturated and angry when I doesn't see any changes to the site and realizing I was making changes to the different route/component. That bug, even if you could call that a bug is so relatable hahaha

[@shrestha0144]

damn this actually does make redux less of a pain to work with typescript

[@SprotKala]

Very informative! Thank you!

[@ebn646]

Thank you so much!!

[@manikandann1202]

Amazing explanation. Thank you so much.

[@kevinjia1984]

thanks for this video

[@stressed-ashen-cat]

Just what I needed!

[@ballonura]

Thanks Laith

[@frankli7035]

Hi man, Great job, really nice videos, you are way under subscibed. I'm working on a rental car project, my problem is how to render same data :cars to different pages,like on the home page i'm querying getAllCars,in the introduction page I need to show different category cars by using getCarByCatagory query ,but it returns type undefined error for the category car

[@ET-Programming]

you are amazing

[@hichamlotfi4277]

amazing crash course thanks

[@joshuahadap2373]

Thank you!

[@ankushhumne7248]

good tutorial but some people also want it in js.. thanks man

[@hattorihanzo5707]

Please consider doing a series on writing RTK tests

[@metahubstore]

now waiting for implementation of redux thunk with redux toolkit :)

[@hiteshsuthar1097]

Sir! Design Patterns or Next.js

[@soyayebhasanshafin8977]

Thank you so much

[@alansaldivares]

this is slick! thanks man

[@harshdarji1122]

At 30:41, what is reservationsReducer? It does not appear to be a default export from ../feature/reservationSlice.

[@matrixtoogood5601]

Thank you for this amazing crash course. Your courses are the go-to for me to get a brief overview of any topic before diving into the docs. Can you also look into the Redux-Persist library?

[@worldclasscode1847]

Great video! It's very nice you share the source code :)

[@hariswirabrata6740]

Super helpful!

[@auhsojyihst9440]

Wonderful, trust it was JS, since TS comes with Jargon that I don't know yet. So it was a bit too much for me to learn 2 things(TS & Redux) at once. Otherwise it was good

[@alirezak5870]

thanks a lot bro

[@harmmeijer6582]

Thank you for the effort but I would suggest some refactoring. Your list of reservation still has a key prop missing, you should have added unique id when adding a reservation in the reducer. You have on the fly selector functions instead of re usable selectors (reselect), id is generated in the component (should be reducer and when reservation is created) and component has to know too much logic by dispatching multiple actions at once (can be a thunk or multiple slice reducers listening to a single action like "CUSTOMER_ARRIVED"). The best way would be "CUSTOMER_ARRIVED" because the tunk would just move the logic to the action creator, it should be in the reducer. So you've demonstrated why createSlice has extraReducers but didn't use it in your demo. Redux is there so you can define actions to convey things that happened in your application, not to tell the reducer what it needs to do. So CUSTOMER_ARRIVED instead of remove reservation and add customer. This is so large teams can write dumb components while others are tasked with handling the things that happen (reducer, thunks) without breaking anything by creating invalid state.

[@Lindaine]

HI, can you please elaborate more on the 'CUSTOMER_ARRIVED' thing? What I get is that I should use one dispatch action on the component and that dispatch action will dispatch 2 actions, remove reservation and add customer is that correct? Thank you in advance

[@harmmeijer6582]

@@Lindaine All reducers are called on all actions when it passes middle ware so you can make changes in multiple reducers. Dispatching one action should be enough

[@Lindaine]

@@harmmeijer6582 it seems like my last comment did not get posted but I think I managed to do it by using extraReducer on reservationSlice and then combine the reservation and customer using combineReducers. Is that the right way?

[@yuvalron6319]

Great tutorial, thanks heaps! The only part I kind of felt could be better is the searching of the customer by its id within the store. Surely there's a better way like a map? Also, i'm wondering if Redux is possible server side (maybe with Graphql) to maintain state in a persistent way? Meaning that we could maintain some or all of an app's state while loading and persisting automatically with Graphql for instance.

[@dexcoder1207]

Thanks a lot, I was really searching for this type of tutorial I have learned redux but I was confused what are the differences between vanilla redux and redux toolkit. thanks