Learn Redux Toolkit in under 1 hour

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024
  • Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
    All the learning resources such as code files, documentations, articles and community discussions are available on our website:
    chaicode.com/
    You can find our discord link, github link etc on the above website.
    Twitter/X link: x.com/hiteshdo...
    Discord link: hitesh.ai/discord
    Learn React with 10 projects: • Let's learn react from...
    Learn Docker: • A practical guide on D...
    Learn Kubernetes: • Complete Kubernetes Co...
    How does a browser works: • How does a browser wor...
    How nodejs works: • How node JS works | En...
    Learn Redux-toolkit: • Learn Redux Toolkit in...
    Learn NextJS: • Nextjs Full stack course
    Learn Typescript: • Why to learn Typescript
    Learn Javascript: • Welcome to new JavaScr...
    Learn React Native: • React Native Mastery: ...
    Learn Zustand: • React state management...
    Learn Golang: • How to get started wit...
  • РазвлеченияРазвлечения

Комментарии • 481

  • @carshoesch
    @carshoesch 10 месяцев назад +26

    To be honest, your tutorial is a bit all over the place. For someone trying to learn this topic it's a bit confusing. But good video tho.

  • @learntocode2877
    @learntocode2877 Год назад +21

    Just didn't able to meet the deadline of the task in my internship because I didn't knew about redux toolkit . Hats off to you so easy explanation thanks alot.

  • @rog0079
    @rog0079 Год назад +18

    43:25 reason why typescript should be used :P, by the way, great video as always! Also a request, could you continue this video like with a 2nd part to show us createAsyncThunk and all advance stuff in redux toolkit used in production environment, would be really helpful!

    • @mohitsharma1981
      @mohitsharma1981 11 месяцев назад

      Hi, Do you have the whole code for this project? If you have can you share the reo with me?

  • @madmaxgaming5864
    @madmaxgaming5864 8 месяцев назад +13

    wow what a great video, i was struggling with redux since 2-3 months but its all clear after hitting ur video, thank you so much hitesh.

  • @puneetvaishnav949
    @puneetvaishnav949 10 дней назад +1

    I know Hitesh sir when I was 12 year on TV, sir you know everything from every language, each tech stack, Linux and everything we could imagine, I know Redux but forget some of the concepts, revised it again😊😊

  • @christiaanprinsloo8951
    @christiaanprinsloo8951 6 месяцев назад +2

    Redux, an unnecessarily complicated way of managing states

  • @crosscreations_de
    @crosscreations_de Год назад +5

    PERFECT timing! can you introduce us into Redux Persist from the toolkit too please?

  • @tayyabsadiq3881
    @tayyabsadiq3881 Год назад +9

    hitesh sir, you are amazing ❤

  • @aphrodite6647
    @aphrodite6647 7 месяцев назад +1

    Thank you for this video, Sir. Can you make a video about RTK-Query please?

  • @cryptoknight9440
    @cryptoknight9440 Год назад +1

    03:45 Yes, redux toolkit documentation is not understandable

  • @dx9ko
    @dx9ko Год назад +8

    Amazing tutorial, I just learnt the basics of React a few days ago and was prop drilling like 4-5 properties for my project. Redux Toolkit will definitely be useful for state management.

  • @navinkumarsahu1159
    @navinkumarsahu1159 Год назад +2

    Do I have the kalpvriksha or what! I was thinking about learning redux and then Hitesh Sir pours his magic❤️🙏🕉️

  • @TusharJade101
    @TusharJade101 6 месяцев назад +1

    so now this is the method which all production level apps will follow, no need to use that old mapPropsToStore, mapDispatchToStoe and many more old ways right?

  • @Surya-km7jy
    @Surya-km7jy Год назад +1

    I think this videos is Not for beginners.

  • @Iamvijaypotnuru
    @Iamvijaypotnuru Год назад +1

    super video sir👍👍👍👍

  • @puspendra9330
    @puspendra9330 Год назад +1

    Which Mac you're using please let me know I'm shortly gonna purchase a Air Mac m2 8/256 for dev. Btw the content was incredible!!

  • @ankiy
    @ankiy Год назад +4

    Tbh this is the most simplest video on whole youtube to understand how redux. Will save it and when stuck will go through this video again.

  • @ayushpillai333
    @ayushpillai333 Год назад +2

    🥹I'll cry now I was wondering where could I find quality RKT and boom 😅
    Thanks ❤️

  • @NandavaramMahesh-hf4sk
    @NandavaramMahesh-hf4sk 10 месяцев назад

    I think the redux team has also watched this video 😂😂😂, they have added diagrams for the data flow.

  • @roshannair5071
    @roshannair5071 Год назад +4

    Hi Hitesh, your videos are so perfectly mentored for any beginners in react like myself 😊, can you please tell which extension you are using for the vs code theme?
    Thanks alot❤

  • @alecdorasandler6690
    @alecdorasandler6690 Год назад +1

    Is it the same for React Native as well?

  • @adityachk2002
    @adityachk2002 21 день назад +1

    here

  • @everyonecodes117
    @everyonecodes117 3 месяца назад +1

    great video

  • @statuslounge9407
    @statuslounge9407 Год назад +4

    Great tutorial. Previous knowledge of reducer and context api did help me better understand redux toolkit. I feel like React's context API is also much powerful and is a must to learn. An in depth guide on state management using reducer and context api should be learned first before moving to redux. What are your views?

  • @MayurPrm1182
    @MayurPrm1182 8 месяцев назад +1

    👍👍👍

  • @mr_bade_shubhzzz90
    @mr_bade_shubhzzz90 Год назад +1

    Thank you ❤❤ Appriciated ur efforts. Love it. Finally i understand the redux toolkit.

  • @MS_Raunak
    @MS_Raunak 9 дней назад

    finally understood after spending almost 10 days on various youtube channels

  • @AkashKumar-bb7vs
    @AkashKumar-bb7vs Месяц назад

    Hi Hitesh, this is really amazing. Thank you so much for your efforts........

  • @Raj-iz9uz
    @Raj-iz9uz Год назад +1

    RTK or Zustand kya sikhu..?? Oh Hitesh sir ne video upload kar diya chalo toh like or comment karke RTK padh lete hai ❤

    • @HiteshCodeLab
      @HiteshCodeLab  Год назад +1

      Vaise Zustand ki b series h isi channel pe. Time se phele bna di, is liye popular nhi hui

    • @Raj-iz9uz
      @Raj-iz9uz Год назад

      ​@@HiteshCodeLabYes sir aapki Zustand series save ki hai, hum sab series ko share karke popular bana denge sirji 😊

  • @sussypusssy
    @sussypusssy 6 месяцев назад

    Unnecessarily over complicated redux
    Decided to learn through this video made notes based on his words, didn't understand anything.
    Followed Roadside coder in a simple MERN project (doable in 1 day), understood redux to the depth and never looked back for "tutorials".

  • @rodrigocastro6941
    @rodrigocastro6941 Год назад +4

    I have been really strugling to find a good resource to learn Redux toolkit. Some tutorials look good at the begining but gets bad very soon. This is a GREAT tutorial from beginning to the end. Thanks for making it.

  • @CodeWithAN-h1z
    @CodeWithAN-h1z 4 месяца назад

    00:04 A crash course on Redux toolkit
    05:29 Redux is a state management library that solves the issue of prop drilling by using a centralized store
    11:03 Wire up Redux and React together
    16:42 Create a Redux store with Redux Toolkit
    21:42 Redux simplifies state management and data flow in JavaScript applications
    26:39 Redux Toolkit simplifies state management and eliminates the need to worry about state mutation.
    31:40 Learn how to add a to-do item to the store.
    36:42 Create a method to update and collect information for ad to do
    41:33 Create a provider and wrap it around the top-level component of the app.
    46:37 Fixed issue with loading to-do list in the application
    51:16 Using selectors in Redux makes accessing state easy
    56:05 Redux toolkit provides an easy way to manage state
    Crafted by Merlin AI.

  • @nikhilnitesh1525
    @nikhilnitesh1525 Год назад +4

    Much much awaited video.
    You are simply amazing. As always making tougher things simpler..Thankyou so much sir😊

    • @HiteshCodeLab
      @HiteshCodeLab  Год назад +1

      Most welcome 😊

    • @haseebsheikh9675
      @haseebsheikh9675 Год назад

      hey can you please tell me how he is getting code suggestions in line?

  • @ittyaburrehhman
    @ittyaburrehhman 6 месяцев назад

    00:04 A crash course on Redux toolkit
    05:29 Redux is a state management library that solves the issue of prop drilling by using a centralized store
    11:03 Wire up Redux and React together
    16:42 Create a Redux store with Redux Toolkit
    21:42 Redux simplifies state management and data flow in JavaScript applications
    26:39 Redux Toolkit simplifies state management and eliminates the need to worry about state mutation.
    31:40 Learn how to add a to-do item to the store.
    36:42 Create a method to update and collect information for ad to do
    41:33 Create a provider and wrap it around the top-level component of the app.
    46:37 Fixed issue with loading to-do list in the application
    51:16 Using selectors in Redux makes accessing state easy
    56:05 Redux toolkit provides an easy way to manage state
    Crafted by Merlin AI.

  • @Atul_kumar_07
    @Atul_kumar_07 Год назад +2

    Flutter playlist please 🥺

    • @HiteshCodeLab
      @HiteshCodeLab  Год назад +2

      Working on it, it will take few more days

  • @Joshikannan
    @Joshikannan 5 месяцев назад +1

    Thank you so much, This is the only video , I Understand redux clearly among many. keep going ....

  • @bhargavvarma7694
    @bhargavvarma7694 3 месяца назад

    please turnoff copiolet . its really destracting . the teaching was amazing . thank you sir

  • @Dseyisax
    @Dseyisax 3 месяца назад

    amazing video, but you got me confused at the last 10min of the video. After you fixed the bug.

  • @raaina3611
    @raaina3611 8 месяцев назад

    I don't know why i was having a hard time understanding redux from chai aur react even though content is almost same, lol. Maybe i should stick to English 😂

  • @eituwis
    @eituwis 9 месяцев назад +2

    Thank you man, I really enjoyed your tutorial. As for a newbie in redux like me, it really helped to understand something. I tried other redux tutorial videos but just stopped at the beginning because of bad accent or too fast pace or other reasons. I found your teaching method engaging with all those bugs and crashes 😅
    Your pace was perfect and accent understandable 😉
    Thanks again and keep creating!!! 💯

  • @tech_channel110
    @tech_channel110 Год назад

    sir plz bring cloud series we are waiting and too much excited for the series

  • @raviswamyp7616
    @raviswamyp7616 Месяц назад

    Great video, Thank you for your wonderful explanation sir

  • @tonyvito5062
    @tonyvito5062 Год назад

    Great tutorial but we are tired of this TODO example do something else like fetching data from an API , besides those remarks I like your tutorial

  • @suntoshaqula
    @suntoshaqula 6 месяцев назад

    thank you ur amazing i am following ur react series

  • @deveshtembheker1315
    @deveshtembheker1315 7 месяцев назад

    God always give you their support.....much and more.

  • @dbred67
    @dbred67 6 месяцев назад

    Agreed on the docs, very noisy, nothing will copy / paste and work. Most of the docs feel like they try to justify react-toolkit rather than just giving the reader the info they need.

  • @pauladeniyi5876
    @pauladeniyi5876 4 дня назад

    Thanks for breaking Redux down bro.

  • @alienxd3808
    @alienxd3808 Год назад

    You could have provided us the codes that you copy pasted out of nowhere. How am I supposed to copy all those huge lines from just looking at the video?
    Anyways, the course is good overall.

  • @sheroichi7728
    @sheroichi7728 Год назад

    I am facing error regarding tailwind it is installing with 6 high vulernabilities and when i paste those three tailwind text in index.css it is giving a problem . Anfd also tailwind is shown in devdependencies not in dependencies in package.json
    Help anybody :

  • @jackh5596
    @jackh5596 8 месяцев назад

    Just double checking, is this tutorial still applicable for NextJS?

  • @Noor_clash
    @Noor_clash Месяц назад

    Can anybody tell me about the extension about which sir is talking about

  • @Rod_Pod
    @Rod_Pod Год назад +1

    Hitesh bhai, i have searched about toolkit few hours back with your name and got some wiered videos and i was thinking why sir have not made complete video... Now as i see ... i just said Oh here it comes... Thanks

  • @MynamSrinivasarao
    @MynamSrinivasarao 7 месяцев назад

    49:10
    You have just jumped not explained correctly were the map value should assigned in

  • @sandrajsaju6552
    @sandrajsaju6552 10 месяцев назад

    thank god,I have chosen the right person at first itself.By the way,your english language skills are excellent

  • @matthewtesimale6434
    @matthewtesimale6434 11 месяцев назад +1

    Crushed it!

  • @LotusSoftPvtLtd
    @LotusSoftPvtLtd 11 месяцев назад

    nice :) Is is goot to use Redux toolkit instead of only Redux?

  • @AliHussain-n4g1i
    @AliHussain-n4g1i 14 дней назад

    Thanks a lot brother

  • @rogeclash2631
    @rogeclash2631 5 месяцев назад

    thanks for this video , do you have a github account and repo for this please , thanks

  • @yashasraok5691
    @yashasraok5691 6 месяцев назад

    bro please provide timestamps!! so basic yet you dont ,even after putting so mch effort in video

  • @shivamsingh-hh1jp
    @shivamsingh-hh1jp 3 месяца назад

    very easy to understand, Each concept was explained in a simple and clear way thanks for the video

  • @weirdo5077
    @weirdo5077 7 месяцев назад

    where did todoReducer come from shouldn't it be todoSlice when we are importing it in the store.js file

  • @suntoshaqula
    @suntoshaqula 6 месяцев назад

    please provide html notes for the css sytax

  • @vaibhavbhandare6777
    @vaibhavbhandare6777 Год назад

    appreciate , wantto lean mern by building projects sir , please help

  • @bhanujatinsinghbainsla5860
    @bhanujatinsinghbainsla5860 9 месяцев назад

    When we should create a .jsx file and when .js ? and why here in components we created components as .js ?

  • @RodRavenpictures
    @RodRavenpictures 4 дня назад

    💪💪💪💪🎵🎵🎵🎶🎶🎶🎶🎶💓💓💓💓💓

  • @ayush1344
    @ayush1344 Год назад +2

    Brother after scrubbing my head for entire day and watching so many tutorials to learn how exactly redux works i found this video
    Best explanation in whole youtube about redux
    Thankyou somuch for opening my mind

  • @AnkanMandal-e3m
    @AnkanMandal-e3m 7 месяцев назад

    Thank you sir for your efforts for making us understand the concepts so easily

  • @SimpsonAlfred-u7x
    @SimpsonAlfred-u7x 7 месяцев назад

    Hi, bro, what plugin are you using for your code auto-complete?

  • @hawkeyeyt
    @hawkeyeyt 6 месяцев назад

    Thank you for making this video ❤

  • @KarthikWebdev
    @KarthikWebdev 2 дня назад

    thank you very much Hitesh

  • @harshitparmar35
    @harshitparmar35 3 месяца назад

    is this project not pushed on Github if yes please can anyone provide link

  • @atangacheboh8634
    @atangacheboh8634 6 месяцев назад

    thanks for the video it helped a lot , which extention do u use to maked functions appear fast before u can write it

  • @auspicioussakib1978
    @auspicioussakib1978 6 месяцев назад

    can you give me the link of github repository of this tutorial?

  • @patt4343
    @patt4343 9 месяцев назад

    Great tutorial, but you should link all the tailwind copy/paste code, hard to write it all without a typo.

  • @Yash-jp6xh
    @Yash-jp6xh Год назад

    bhai absolutely great video... but thora Saas kam karlo 😒

  • @freecodez
    @freecodez Год назад

    Bhai yrr maine redux isliye start kiya ki code ko aur reduce kar saku aapne to lines of code badha diya, isse achha to mai context api use kar, usme bs ek single import me hi sari chize kar sakte hai, isme to useSelector import kar, useDispatch import karo phir value pass karo, ye mujhe nhi psnd aaya

  • @managerfufu
    @managerfufu 2 месяца назад

    Kindly could you share the code you used for this tutorial

  • @vignesh_m_1995
    @vignesh_m_1995 10 месяцев назад

    Thanks. Can you talk about createAsyncThunk?

  • @ArjunCodess
    @ArjunCodess 4 месяца назад

    literally, the best video on redux! thank you sir! ❣

  • @Alfavazvlogz
    @Alfavazvlogz 11 месяцев назад

    Best of the best. By the way whats that extension which help you ti show console result in runtime?

  • @ravikiranreddy2867
    @ravikiranreddy2867 11 месяцев назад

    Need some more editing to this video like removing some portions , for not to get confuse. @hitesh

  • @rykageee
    @rykageee Год назад

    Great video but I still find it complex T_T

  • @nomanahmadi-v1p
    @nomanahmadi-v1p Месяц назад

    awesome simple and to the point explanation
    thanks

  • @barthsparks9791
    @barthsparks9791 11 месяцев назад +1

    I cannot believe how simple he made it... wow!!!!

  • @abhiabi-ho2zl
    @abhiabi-ho2zl Год назад

    I can't see my redux option in inspect options.what I can do sir?

  • @himanshubarak3528
    @himanshubarak3528 Год назад

    Can someone share the github code link for reference ??

  • @TheBingePanel
    @TheBingePanel Год назад +1

    what extension are you using sir?

  • @hendoitechnologies
    @hendoitechnologies 3 месяца назад

    post Next JS Full course video tutorial

  • @saksham_1612
    @saksham_1612 Год назад +2

    Amazing as always ! I have seen people creating youtube videos but You are diffrent. When you create a video on something and I bet if someone codes along. He would never need to watch other videos. Thanks a lot . . . as always I say never hesitate to add sponsers in the video because this such content needs time and effort.

    • @HiteshCodeLab
      @HiteshCodeLab  Год назад +3

      Thank you so much 😀
      And yes, effort n recording, editing. A lot goes in

  • @gg.cip0t
    @gg.cip0t Год назад

    can you make video on createAsyncThunk ?

  • @ayadjumaah
    @ayadjumaah 10 месяцев назад

    Does anyone know what extension name he's used at 45:43??

  • @abdulalinoori1442
    @abdulalinoori1442 4 месяца назад

    👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

  • @pramodhugargol5686
    @pramodhugargol5686 6 месяцев назад

    No bullshit, Staight to the point. Great tutorial

  • @Jaco_codeeza
    @Jaco_codeeza 3 месяца назад

    Thank you sir. Very good tutorial.

  • @pritamgupta5827
    @pritamgupta5827 Год назад

    how to use redux middleware in redux toolkit

  • @brunohenrard
    @brunohenrard 4 месяца назад

    Thanks again for these explanations !

  • @gauravverma936
    @gauravverma936 7 месяцев назад

    super awesome explanation sir...!!!

  • @RashidKhanMarwat
    @RashidKhanMarwat 9 месяцев назад

    thanks for making RTK so much easy

  • @ovezshaikh1351
    @ovezshaikh1351 10 месяцев назад

    sir where can we find the code you added to your Todo.js??

  • @cs_soldier5292
    @cs_soldier5292 5 месяцев назад

    Very difficult to understand sir. 😢