React Redux Tutorial | Learn Redux from Scratch

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2022
  • Hello Everyone, My name is Piyush Garg and in this video, we are going to code and understand what is redux and how to use redux state management in React App.
    Links
    ► Complete Code Link - drive.google.com/drive/folder...
    ► Redux Devtools Chrome Extension - chrome.google.com/webstore/de...
    My Gears
    ► Apple MacBook Pro Laptop: amzn.to/3DqSQPK
    ► Canon EOS 1500D 24.1 Digital SLR Camera: amzn.to/3RKmF1Y
    ► Logitech MK295 Wireless Keyboard and Mouse: amzn.to/3DuL1bB
    ► Seagate Expansion 1TB External HDD: amzn.to/3QMm5Q8
    ► Tripod: amzn.to/3S4OwK4
    Disclaimer
    ► All the links above are affiliate links.
    Featured Playlists
    ► Complete Java Tutorial Series - • Java Tutorial Series i...
    ► Complete ReactJS Tutorial Series - • Complete React Tutoria...
    ► Complete Firebase & React Tutorial Series - • Firebase with Reactjs ...
    ► Website - piyushgarg.dev
    Social Links
    ► Instagram - / piyushgarg_dev
    ► Facebook - / piyushgarg.dev
    ► LinkedIn - / piyushgarg195
    ► Telegram Channel Link t.me/codewithpiyushgarg
    Video Titles
    What is Redux?
    What is React React Redux?
    What is Redux Toolkit?
    How to use Redux?
    How to use React Redux Toolkit?
    Tags
    - Redux
    - React Redux
    - React Redux Toolkit
    Hashtags
    #reactjs #redux #reactredux #javascript #coding #programming #reactjstutorial #reactjsforbeginners #reactjsdeveloper

ความคิดเห็น • 98

  • @skullhunter7342
    @skullhunter7342 ปีที่แล้ว +17

    Whats the difference between Redux and React-Redux. As there lots of video on title "Learn Redux" and also on title named "Learn React-Redux". Plz reply and explain. As I have fully completed my React but getting stucked in learning redux and also getting confused that should I also learn redux- toolkit, saga thunk and also those stuff out there in the market. Well sir I was looking for some fantastic video on Redux and I found yours video. Full crystal clear concept clear baazi sir. Thanks for the video. 👍❤️

    • @piyushgargdev
      @piyushgargdev  ปีที่แล้ว +58

      Great Doubt 🙌
      Redux is basically a concept where you have store and a reducer function and actions that gets dispatched. You can use Redux in android, angular, vue, react etc. So in short Redux is a state management tool.
      On the other hand, React Redux is an implementation of redux concept in react way. It exposes some hooks, Providers and other stuff that makes redux implementation possible in react app. All languages and frameworks have their own libraries to implement redux.
      You can’t use react redux in angular app right because it’s made for react applications.
      I hope I was able to clear your doubt 😇.

    • @skullhunter7342
      @skullhunter7342 ปีที่แล้ว +5

      @@piyushgargdev Op sir! Why I didn't find this answer in quora, stackoverflow etc 🥲? My doubt has been resolved sir. Apka Dhanyawaad! 🌻

    • @surajbera865
      @surajbera865 ปีที่แล้ว +3

      @@piyushgargdev Now that's what I call a perfecto!

    • @sunandabakhtariya2322
      @sunandabakhtariya2322 ปีที่แล้ว +2

      ​@@piyushgargdev explain very well.. my doubts is also clear

    • @romilsahay7584
      @romilsahay7584 ปีที่แล้ว +1

      (State.user) mai jo (user) hain wahan (user) ka nam badal sakete hai uske jgha kuchh bhi likh sakte hai.
      Ki ye aapke backend mai jo user ko (req.user) main save kar ke rakhe hain usse match hona chahiye.

  • @tanayasharma7776
    @tanayasharma7776 ปีที่แล้ว +3

    Thanks this was very helpful, the architecture explanation with the cart example helped understand this much better. you deserve more subs.

  • @omararshad152
    @omararshad152 5 หลายเดือนก่อน +2

    I am learning react and man, what a great explanation by you. Hats off. Thank you so much. I am from Pakistan and your video makes it easy for me to understand.

  • @adhirajkar7396
    @adhirajkar7396 ปีที่แล้ว +2

    This is the best explanation for Redux toolkit on youtube, man you to good!!

  • @vikashgupta3305
    @vikashgupta3305 5 หลายเดือนก่อน

    I am pausing this @ 20:11, What an intuitive explanation of the redux architecture syncing with redux code...thankyou

  • @CS_HimanshuVishwakarma
    @CS_HimanshuVishwakarma ปีที่แล้ว +3

    I think this is best tutorial
    for react redux in youtube. Thankyou 😊

  • @worldofinformation1403
    @worldofinformation1403 11 หลายเดือนก่อน

    So easy and smooth tutorial finally found on redux. I got no errors occurred in my project. Thank you, Piyush. Your example is better than overrated code with the Harry channel xD

  • @spartanx7931
    @spartanx7931 หลายเดือนก่อน

    such a great explanation of react redux with the working of this, i saw many videos in the youtube and understand by my mates but the way you explained is much easier ..... thank you bro

  • @crownRUSHER-
    @crownRUSHER- ปีที่แล้ว +1

    Literally You have Explained so Nice . Thanks Again !

  • @damacoolpakistan5796
    @damacoolpakistan5796 9 หลายเดือนก่อน

    this is what i can say a beginner level redux tutorial, simple project, goal to delivered core concepts

  • @sagarvavadiya5252
    @sagarvavadiya5252 ปีที่แล้ว +1

    vary👌 usefull video to uderstand redux concept easy way, i solved large query of my project by this video

  • @rishiraj2548
    @rishiraj2548 หลายเดือนก่อน

    ekdum khatarnak video hai. Wow!!! gratitude!

  • @FarmanOfficial777
    @FarmanOfficial777 ปีที่แล้ว

    I was searching this type of video on redux i have watched too many video for redux but nothing i get in return but after this video it is crytal clear

  • @ankursrvstva
    @ankursrvstva ปีที่แล้ว

    So well explained. Thank you !

  • @rajendertanwar1881
    @rajendertanwar1881 27 วันที่ผ่านมา

    Thanks bhai, aapse smjhne me acha lga👍

  • @drub13
    @drub13 10 หลายเดือนก่อน +1

    What a wonderful explanation!!!

  • @soumyadeeppaul8142
    @soumyadeeppaul8142 9 หลายเดือนก่อน

    This is literally the best video on redux and redux toolkit.

  • @KirtanPatel552
    @KirtanPatel552 11 วันที่ผ่านมา

    Thanks Piyush...You are Best Tutor and also Your Method and Your Content is Amaze.

  • @Spmdiamond
    @Spmdiamond ปีที่แล้ว

    Tysm it's really helpme for understanding,i tried so much vdo but this one was awesome 👏👏🥰🥰❤️❤️

  • @tejusgroup6695
    @tejusgroup6695 ปีที่แล้ว +1

    Thank you so much, Piyush Ji... Crystal Clear concept. Plz do more videos / Projects on this topic, it's so interesting. your voice is super.

  • @sanasajid2681
    @sanasajid2681 ปีที่แล้ว

    Very well explained keep growing Sis 🤠 best wishes

  • @wasiqkhan1929
    @wasiqkhan1929 5 หลายเดือนก่อน

    Well Explained. Thank You Sir ❤

  • @NoamanSaleem-ph6bf
    @NoamanSaleem-ph6bf ปีที่แล้ว +8

    Finally I understood Redux. Great job. Your way of teaching is very effective

  • @govindsen2230
    @govindsen2230 2 หลายเดือนก่อน

    Best explanation so far ...

  • @kanzafatima173
    @kanzafatima173 4 หลายเดือนก่อน

    great explaination for beginners keep it up❤

  • @amjadsultanawan
    @amjadsultanawan 8 หลายเดือนก่อน

    Well explained....😍

  • @romilsahay7584
    @romilsahay7584 ปีที่แล้ว

    (State.user) mai jo (user) hain wahan (user) ka nam badal sakete hai uske jgha kuchh bhi likh sakte hai.
    Ki ye aapke backend mai jo user ko (req.user) main save kar ke rakhe hain usse match hona chahiye.

  • @malikbhai2285
    @malikbhai2285 ปีที่แล้ว

    Great job sir

  • @himanshuchauhan734
    @himanshuchauhan734 ปีที่แล้ว

    best vedio on react redux, very helpful, thank you so much

  • @technoshri18
    @technoshri18 11 หลายเดือนก่อน

    Great thanks...👏

  • @shankarpradhan8578
    @shankarpradhan8578 4 หลายเดือนก่อน

    your explanation is translucent 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰

  • @kathikr9360
    @kathikr9360 4 หลายเดือนก่อน

    good class sir thank you .

  • @jasimali3913
    @jasimali3913 ปีที่แล้ว +1

    Great video...i wonder why there are very less likes.. respect and love from Pakistan

  • @infjdeepak
    @infjdeepak ปีที่แล้ว

    Thanks sir 🖤

  • @patelurva1055
    @patelurva1055 5 หลายเดือนก่อน

    nice explanation

  • @muditkhanna8164
    @muditkhanna8164 6 หลายเดือนก่อน

    Hey Piyush , can you please explain do you need context if you're using redux? , or they both used differently?

  • @maqsoodpathan3959
    @maqsoodpathan3959 ปีที่แล้ว

    hii piyush please clear my quetion
    for class component which redux is best ?

  • @crush_ka_bhai
    @crush_ka_bhai ปีที่แล้ว

    Thanks bro

  • @roktimkamalsenapoty5793
    @roktimkamalsenapoty5793 ปีที่แล้ว

    should I watch this video or the new one on Master ReactJS since react redux is deprecated

  • @abhaypratapsrivastava4400
    @abhaypratapsrivastava4400 ปีที่แล้ว

    Really great video
    My problem uss 21:01

  • @stalinvishwakarma7624
    @stalinvishwakarma7624 ปีที่แล้ว +1

    Amazing explanation sir .

    • @piyushgargdev
      @piyushgargdev  ปีที่แล้ว

      I am glad that you liked the video. Do subscribe 😄Thanks

    • @stalinvishwakarma7624
      @stalinvishwakarma7624 ปีที่แล้ว +1

      @@piyushgargdev I have watched videos from many famous TH-camr but no one's explained so good as like you.

  • @sanketkothiya3034
    @sanketkothiya3034 ปีที่แล้ว +2

    thank you sir for this

    • @piyushgargdev
      @piyushgargdev  ปีที่แล้ว

      Welcome champ 🚀Keep Learning 😄

  • @yogeshjoshi3662
    @yogeshjoshi3662 5 หลายเดือนก่อน

    Hey Piyush, Thank you for providing us valuable piece of information. I just wanted to confirm whats the difference between context Api and redux ? If both work the same way.

  • @atifmirza9168
    @atifmirza9168 2 หลายเดือนก่อน

    HATS OFF TO YOU

  • @Abdu11ahhh
    @Abdu11ahhh 5 หลายเดือนก่อน +1

    Lil confusion related to the mutation of state @33:15. Spread operator created a new array so we put the values in it so how is it mutating the state???? state = [...state, action.payload].. Please Answer!!!!!!

  • @osamajune9
    @osamajune9 3 หลายเดือนก่อน

    Great

  • @harshkosarkar659
    @harshkosarkar659 3 วันที่ผ่านมา

    🔥🔥

  • @pranav_arya
    @pranav_arya 11 หลายเดือนก่อน +1

    can you please provide the url of this redux architecture diagram?

  • @itsd2388
    @itsd2388 หลายเดือนก่อน

    Bhaiya what is the theme you are using on VScode?

  • @the_ashhar
    @the_ashhar 21 วันที่ผ่านมา

    8:39 packages: react-redux and redux. both needs to be installed

  • @dxerstudio3560
    @dxerstudio3560 ปีที่แล้ว

    Bhaiya if there is redux then we have no use of context api???

  • @user-pn3te1ms3m
    @user-pn3te1ms3m ปีที่แล้ว

    Perfectly explained. I have a bit of trouble implementing createSelector in my project but was somehow unable to. I have multiple reducers and want to implement createSelector for it but find it hard to do so. At 36:03 you explained createSelector for one reducer. Can you make a video or simply guide on how to implement createSelector for multiple reducers? Thank you in advance.

    • @8animer889
      @8animer889 9 หลายเดือนก่อน

      do something like this , where each reducer will point towards a state, in my case i have two reducers , so i am using it like this
      const user = useSelector((state) => {return state.user})
      const cart = useSelector((state) => state.cart)
      export const store = configureStore({
      reducer:{
      cart: cartReducer,
      user: userReducer
      },
      devTools:true
      })

  • @jaydev1374
    @jaydev1374 9 หลายเดือนก่อน

    nice

  • @hyderxali
    @hyderxali 4 หลายเดือนก่อน

    can anyone tell me how this is different from context api?

  • @dipayansamanta2425
    @dipayansamanta2425 10 หลายเดือนก่อน

    Sir ek project chaiya react-redux and redux-thunk with redux-toolkit ka upor with api (laravel api ho ta a66a hoga) calling in a organise way .

  • @brokenboy8434
    @brokenboy8434 ปีที่แล้ว

  • @VK-sn3sn
    @VK-sn3sn 4 หลายเดือนก่อน +1

    What's your opinion on React vs Angular 17?

    • @toufikumar7169
      @toufikumar7169 14 วันที่ผ่านมา

      my personal choice React

  • @user-we8ef7vz2p
    @user-we8ef7vz2p ปีที่แล้ว

    sir please make video on redux saga with redux toolkit

  • @Zaheer__zk40
    @Zaheer__zk40 2 หลายเดือนก่อน

    Please create a saga tutorial

  • @ashutoshrashtrawadi4812
    @ashutoshrashtrawadi4812 ปีที่แล้ว +11

    All TH-cam channels same hi example de rahe hai.

    • @Solo_playz
      @Solo_playz 7 หลายเดือนก่อน +9

      Fir bhi nahi samj raha hai ky tumko 😂

  • @safiq_ur_rahaman
    @safiq_ur_rahaman ปีที่แล้ว

    Create store does not work anymore, you have to use configure store for that...but when I tried to use that my code stopped working...don't know what happened.

    • @piyushgargdev
      @piyushgargdev  ปีที่แล้ว

      Yes you are right, I have added redux toolkit also in this video. Check 24:15

    • @safiq_ur_rahaman
      @safiq_ur_rahaman ปีที่แล้ว

      @@piyushgargdev Thanks..I am at 17:49 right now.

  • @AnimeWorld_1917
    @AnimeWorld_1917 หลายเดือนก่อน +1

    If Recoil solves the problem of prop drilling, why do we still use Redux?

    • @ansarali723
      @ansarali723 9 วันที่ผ่านมา

      because redux is popular and recoil is latest many peoples not know recoil this reason persons use redux toolkit

  • @DeepakGupta-pz4fx
    @DeepakGupta-pz4fx ปีที่แล้ว +1

    can you make a video redux thunk and redux saga

    • @piyushgargdev
      @piyushgargdev  ปีที่แล้ว +1

      Redux Thunk and API calling with redux thunk will be out tomorrow 😇

    • @DeepakGupta-pz4fx
      @DeepakGupta-pz4fx ปีที่แล้ว

      @@piyushgargdev very good piyush ...but redux saga ??

  • @rupeshmishra9152
    @rupeshmishra9152 ปีที่แล้ว

    sab kuch sahi hai...bass stop using 2 words, "awwsm" and "paarfect"... XD

  • @DeepakGupta-pz4fx
    @DeepakGupta-pz4fx ปีที่แล้ว +1

    today redux thunk video coming???

    • @piyushgargdev
      @piyushgargdev  ปีที่แล้ว +1

      How to fetch data from API in React Redux Toolkit | React Redux Tutorial
      th-cam.com/video/2JBx_06dD1k/w-d-xo.html

    • @DeepakGupta-pz4fx
      @DeepakGupta-pz4fx ปีที่แล้ว

      @@piyushgargdev redux saga pr video aur bna do

  • @rohitghosh4625
    @rohitghosh4625 9 หลายเดือนก่อน

    23:00

  • @lalit-singh-bisht
    @lalit-singh-bisht ปีที่แล้ว

    Whenever i try to learn something new...it gives a fukin headache

  • @abdulroab7524
    @abdulroab7524 ปีที่แล้ว +1

    Bardya pic hai

  • @niravpatel6454
    @niravpatel6454 15 วันที่ผ่านมา