Redux simple example | Redux Tutorial | Redux for beginners

Поділитися
Вставка
  • Опубліковано 9 лют 2025
  • Redux tutorial Part 2 of the React Redux series, Where you learn Redux with a simple example using only Redux without react. by create store, add reducers, dispatch actions.
    Keywords : Redux for beginners, Redux Simplified, Redux Fundamentals, Redux basics , How Redux works , bare-bone redux app, create store, add reducers, dispatch actions
    Full React JS tutorial Series Playlist
    • ReactJS Tutorial Series
    Help the channel via patron and buying merchandise
    / techsith
    teespring.com/...
    Follow me for technology updates
    / techsith
    / techsith1
    / patelhemil
    Help me translate this video.
    www.youtube.com...
    Note: use translate.goog... to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.

КОМЕНТАРІ • 227

  • @pauliussulcas
    @pauliussulcas 6 років тому +66

    This is the best Redux tutorial for beginners that I've ever seen (including paid ones), - big thumbs up and keep up the good work!

  • @GBart
    @GBart 5 років тому +9

    I've tried watching a dozen react tutorials, this is the first one that actually helped me understand what's happening, thank you!

  • @dewest225
    @dewest225 3 роки тому

    Very helpful to have the reason for Redux explained right up front. I also like that the speaker shows himself on camera, and doesn't just hide behind the on-screen tools.

  • @pijushbarik
    @pijushbarik 5 років тому +1

    I just learned how redux actually works. I was totally confused about looking for redux references with React without knowing that redux can work on it's own. Thanks for the video. Kudos.

  • @electrotsmishar
    @electrotsmishar 4 роки тому +2

    wonderful tutorial simplifying redux mumbo jumbo

  • @nadabadabdivdbqdibqd
    @nadabadabdivdbqdibqd 6 років тому +11

    THIS VIDEO RESTORED MY SANITY!
    THANK YOU BASED TECHSITH, LOVE FROM THE UK

  • @saranyad7387
    @saranyad7387 5 років тому +2

    I have worked in redux long back. After seeing this video, i get to remember redux and understand easily. This video really demonstrates well. great work. It is very concise and clearly

  • @snj2102
    @snj2102 5 років тому +1

    Very good tutorial!!! I started learning about redux 20 minutes ago with your first video and I am already impatient to refactor my app!!! It is exactly what I needed. I was using the state of the main component to manage state on multiple pages. This is so much better. Thanks a lot :)

  • @perthDev
    @perthDev 6 років тому +3

    Really easy to understand for a beginner. You used very clear and succinct syntax and avoided complicating it. Thanks.

    • @Techsithtube
      @Techsithtube  6 років тому +1

      That is my moto to teach anything. simple and focused. Thanks for watching

  • @goldiemusic8394
    @goldiemusic8394 5 років тому +8

    Hearing English tutorials without any Hindi accent included is new to me.
    Thank you.

    • @Techsithtube
      @Techsithtube  5 років тому +3

      I have heard the opposite argument, so to me, your comment is a breath of fresh air :)

  • @michaeldevry6644
    @michaeldevry6644 4 роки тому

    Exceptional tutorial especially balancing the concise explanations with a manageable coding tempo. Just what I needed to wrap my head around Redux. Much appreciated.

  • @prajyotmayekar328
    @prajyotmayekar328 3 роки тому

    Have seen many redux tutorials but this one is straight to the point.

  • @aspiceoflife
    @aspiceoflife 6 років тому

    I've watched about 30 of your videos and it finally all came together with Redux. You are the boss!

  • @rogerodipo3499
    @rogerodipo3499 5 років тому +1

    You're a great teacher, man. Best tut on Redux I've seen. And I've looked.

  • @prakritisoni9942
    @prakritisoni9942 6 років тому

    After searching full day for understanding Redux concept, finally got this video which has explained every single term of redux in a very simple but descriptive manner... thanx a ton.. ☺☺

  • @viveksharmapoudel1657
    @viveksharmapoudel1657 4 роки тому +1

    Undoubtedly the best redux tutorial for understanding the basis of react ...your tutorial is a gem

  • @KP-jx1wy
    @KP-jx1wy 6 років тому

    Nice vid. A lot of people think redux is extremely hard, and I thought so too at first. But once you get the hang of it, its super easy.

    • @Techsithtube
      @Techsithtube  6 років тому

      Redux is super easy to learn as you can see. as long as you understand the fundamentals.

    • @CameronChardukian
      @CameronChardukian 5 років тому

      I'm currently in the redux feels super hard stage. How many hours did it take you to get comfortable with it?

  • @gerarddevine8707
    @gerarddevine8707 5 років тому +3

    This is the best explanation of Redux for beginners I've watched. Thanks.

  • @ashwinim2391
    @ashwinim2391 3 роки тому

    Thank you so much for teaching us from the scratch.. one of the best video that I was searching for long time.. 😁😁🙏

  • @xingjianwang1894
    @xingjianwang1894 4 роки тому +1

    This explanation is crystal clear~

  • @skjenco
    @skjenco 5 років тому +1

    Well done tutorial. If you are like me then you want the simplest possible explanation of a technology to better understand the technology. This tutorial does just that. Thank you .

  • @RoopeshManchanbele_outlander
    @RoopeshManchanbele_outlander 6 років тому +3

    This tutorial really saved my time and saved me from scratching my head Thanks a lot :)

    • @Techsithtube
      @Techsithtube  6 років тому +1

      I am glad that it helped. Thanks for watching!

  • @8hawefaw08
    @8hawefaw08 4 роки тому

    Thank you! As always your videos are the best and the simplest to understand

  • @sahanapk
    @sahanapk 4 роки тому

    You are awesome. you explain so well and I have not seen anyone like you. Thank you :)

  • @fionawang6438
    @fionawang6438 5 років тому +1

    Very clear and easy to understand. Thanks for your video.

  • @MiguelSanchez-os4xs
    @MiguelSanchez-os4xs 5 років тому +2

    Great tutorials thank you. Very helpful for beginners!

  • @sasikaadesh8184
    @sasikaadesh8184 2 роки тому

    Best ever explanation for Redux beginners. If possible please do a video on Redux Toolkit with a Fetch example. Thanks alot!

  • @ashwinim2391
    @ashwinim2391 3 роки тому +1

    Made redux so easy ... Thank you so much 😁

  • @crismarcalinas5820
    @crismarcalinas5820 5 років тому +1

    love it! simple and crystal clear

    • @Techsithtube
      @Techsithtube  5 років тому

      Thanks Cris for a nice comment :)

  • @danuvian
    @danuvian 5 років тому

    Great video. I like it how you start with the simplest example to explain the concepts.

  • @surajrini2360
    @surajrini2360 5 років тому

    Sir you are a genius one of the best tutor on youtube thank you sir you made me understand redux so well . Love from India

  • @saikrishnareddem7013
    @saikrishnareddem7013 4 роки тому

    So far this is the best redux tutorial which helped me to understand .thank you ..

  • @youshinechannel
    @youshinechannel 5 років тому

    I have nothing to say, just a simple word: AWESOME!

  • @parushanaidoo9183
    @parushanaidoo9183 3 роки тому

    Nice one!

  • @kiashamaii
    @kiashamaii 3 роки тому

    this is simplest explain about redux and very useful for me thanks a lot

  • @ishimdarahamad8692
    @ishimdarahamad8692 6 років тому +7

    Very nice sir... Maja aa gaya

  • @christmasvillage3652
    @christmasvillage3652 5 років тому +2

    simply amazing tutorial. This clears up a lot of concepts for Redux.

  • @cedomirosic9847
    @cedomirosic9847 4 роки тому +1

    Great explanation ! Thank You :)

  • @vanvuvo8183
    @vanvuvo8183 3 роки тому

    Thank you so much! Very easy to understand

  • @abhayagarwal5097
    @abhayagarwal5097 4 роки тому

    Ty again for this well formatted initutive explanation ✌️

    • @Techsithtube
      @Techsithtube  4 роки тому

      Always welcome. THanks for watching!

  • @ricardomorenohernandez8236
    @ricardomorenohernandez8236 6 років тому

    Great Redux tutorial, simple and clear for beginners, thanks!

  • @vaikunthpuram
    @vaikunthpuram 4 роки тому

    This tutorial help me understand the concept, earlier I was very confused.

  • @amolmali3583
    @amolmali3583 5 років тому +1

    Very good explanation on Redux I ever seen. Thank you so much

  • @kamatz4156
    @kamatz4156 4 роки тому +1

    when I run node reduxtest.js i get undefined and I have node installed? how would I fix that?

  • @joaodias1241
    @joaodias1241 6 років тому

    Nice video!
    Let me just point out that your reducer would be inefficient in a React environment It is always returning a new object, even if it receives an action that it doesn't care about. Since it performs a shallow comparison to detect state changes, and since you're always returning a new reference, it would always think "ok, the state has changed".

  • @naveenshankar745
    @naveenshankar745 2 роки тому

    Really good description of redux.

  • @hammadpervez4568
    @hammadpervez4568 5 років тому

    As always your explanation is really cool. I really appreciate for your efforts. Thank you.

  • @roshnikutty4252
    @roshnikutty4252 6 років тому

    This is a very clear explanation without mixing in React, thank you!!

  • @VikasKM
    @VikasKM 6 років тому

    This is by far the best tutorial on redux, very simple n explained very well. 👌👌👌

  • @S_Chandra503
    @S_Chandra503 5 років тому

    Well explained and cleared basic concepts. Thank you. Keep it up.

  • @Tariqule
    @Tariqule 5 років тому

    Literally the best video! I'm big fan of this channel already

  • @zm5431
    @zm5431 4 роки тому

    great tutorial. one suggestion, please show the whole code at the end

  • @DAEMonRaco
    @DAEMonRaco 6 років тому

    yes! this is the example I was looking for to understand this. thanx

  • @hrrarya
    @hrrarya 5 років тому

    You made it soooo simple. Thank you so much

  • @johangunawan5758
    @johangunawan5758 3 роки тому

    Thank you. This tutorial so clear for me

  • @TheLollercaster
    @TheLollercaster 6 років тому

    As always, exceptional work (explanation and everything else)

  • @shawwalmuhammad
    @shawwalmuhammad 5 років тому +2

    This is very nice tutorial, keep it up !

  • @bankhpk
    @bankhpk 6 років тому

    Thanks man. Nice and clear explanation. I like your idea to use ATM machine as an example.

  • @aravindrooswelt4734
    @aravindrooswelt4734 3 роки тому

    great explanation ...i could understand without pass the video

  • @pkmkb_0
    @pkmkb_0 4 роки тому

    best redux intro ever ...thanks

  • @rupeshmody8901
    @rupeshmody8901 5 років тому

    Simple and perfect for beginners. Thanks.

  • @thahirakramthahirakram2275
    @thahirakramthahirakram2275 5 років тому +2

    Superb example

  • @overstandnigeria
    @overstandnigeria 6 років тому

    Spot On . I finally got it .

  • @pisanghangus2
    @pisanghangus2 6 років тому +3

    very nice tutorial , I love it !

  • @architjaiswal1484
    @architjaiswal1484 4 роки тому +1

    Simply the best!

  • @moviesrecapofficial
    @moviesrecapofficial 5 років тому +1

    thank you so much @techsith !

  • @chikechris4411
    @chikechris4411 6 років тому

    Redux basic tutorial at its best. Tnx a lot sir.

  • @chennabaigani3264
    @chennabaigani3264 5 років тому

    Awesome is small word for you.....keep rocking

  • @Razephon
    @Razephon 5 років тому +1

    Great example

  • @panchaksharirc3176
    @panchaksharirc3176 5 років тому

    Very good tutorial in simple way.

  • @akhilprasad635
    @akhilprasad635 4 роки тому +1

    I LOVE THIS!

    • @Techsithtube
      @Techsithtube  4 роки тому +1

      Thanks for watching Akhil . Do check out the entire series.

  • @gauthamelango2987
    @gauthamelango2987 6 років тому +3

    this guy is a gem

  • @abhishek_k7
    @abhishek_k7 5 років тому

    Great intro to Redux. Thank you!

  • @RethinkingUI
    @RethinkingUI 5 років тому

    Superb Sir. Good start for redux

  • @RaimbekRakhimbekov
    @RaimbekRakhimbekov 5 років тому

    Big Thank's you man ! It was really helpful

  • @sachinautomatic
    @sachinautomatic 5 років тому +2

    Not that I am any stickler for chaste English, but it's SUBTRACT, not SUBSTRACT. BTW, great videos !

    • @Techsithtube
      @Techsithtube  5 років тому

      Thanks for pointing it out. :)

    • @GBart
      @GBart 5 років тому

      The fact that you thought to point that out makes you a stickler for chaste English. Welcome to the club!

  • @CharithJayasanka
    @CharithJayasanka 5 років тому +1

    Thank you. It helped a lot

  • @technicallygeckley14
    @technicallygeckley14 5 років тому

    Heeeyyyyyy, this is wonderful. Liked and subscribed.

  • @ziedhosni7655
    @ziedhosni7655 6 років тому +1

    most clair tuto for redux

    • @Techsithtube
      @Techsithtube  6 років тому

      THanks for the nice comment zied.

  • @imadmaachari2600
    @imadmaachari2600 6 років тому +1

    like before i see the video :) . nice tutorial and thanks for the good work .

  • @brindch8372
    @brindch8372 6 років тому

    Thank you so much for such a great introduction in Redux!

    • @Techsithtube
      @Techsithtube  6 років тому +1

      Thanks do check out the rest of the redux series.

    • @brindch8372
      @brindch8372 6 років тому

      @@Techsithtube Yeah, I will finish this series. I hope soon you'll make MERN series too. Happy New Year!

  • @vishwanatheswarakrishnan7279
    @vishwanatheswarakrishnan7279 6 років тому

    Very cool video ! This is really helpful ...

  • @BrettClimb
    @BrettClimb 4 роки тому +1

    Thanks for the insightful tutorials. Would it work to write: "newState = state" instead of "newState = {...state}", or do you do the later because it's a copy instead of assigning a reference? Is in necessary to make a copy?

    • @Techsithtube
      @Techsithtube  4 роки тому

      Think of this way Brett, in order to keep the history of the state, react never wants to to modify the state directly. it wants you to create a copy and assign. so you have access to the previous state in case you need to .

    • @BrettClimb
      @BrettClimb 4 роки тому

      @@Techsithtube I think I understand why you have to call setState() and why you can't modify the state that react is keeping track of directly, but I'm wondering if there is anything wrong with changing the state variable and then sending that to setState()? Just changing the variable doesn't actually change the page, so why not change it and then send it as the new state? I guess I'm not too familiar with how React saves the state history, but if it only takes snapshots when setState() is called, then I don't think that modifying the state variable before passing it would cause any harm.

  • @fullstacktutorials2883
    @fullstacktutorials2883 5 років тому

    Really awesome specially for beginners

  • @rajathshetty3535
    @rajathshetty3535 6 років тому

    Very simple and creative way of explaining important stuffs. You're awesome.
    Did anybody tell You that You look like an Indian version of Tyrion Lannister?

  • @dinushkapiyumal7809
    @dinushkapiyumal7809 4 роки тому

    really amazing tutorials....good luck

  • @andreagimenez6609
    @andreagimenez6609 5 років тому +1

    Thank you! really good tutorial :D

  • @robertg2285
    @robertg2285 5 років тому

    A+ work, so helpful!

    • @robertg2285
      @robertg2285 5 років тому

      Do we need to subscribe all the time when setting up a store to get the store to automatically update even though we may not want to see the output at that moment?

    • @Techsithtube
      @Techsithtube  5 років тому

      No you have to only subscribe only once when you setup . When you use react with redux you map State and Actions to each Container component that actually is subscription.

  • @gateadda392
    @gateadda392 5 років тому +1

    Very nice tutorial , worth watching

  • @natqe4049
    @natqe4049 6 років тому +1

    hi teacher, you can use npm init -y, It'll save you a second and a half...
    and u not need to add --save, it is old

    • @Techsithtube
      @Techsithtube  6 років тому +2

      Thanks for the info. I wasnt aware that you dont need --save nowadays.

  • @johncreativeproducts5688
    @johncreativeproducts5688 6 років тому

    omg, you are a so good teacher, I'm finally can understanding this!!!

    • @Techsithtube
      @Techsithtube  6 років тому

      Redux is very simple if you get few concepts right. Its looks very complex from outside. Thanks for watching!

  • @spartacode7372
    @spartacode7372 5 років тому +1

    Hello sir your videos are awesome.
    Can you please make a tutorial on react redux with navigation and state mgmt. Theres no article explaining in simple way.
    Thanks for ur video.

  • @sakthivelrajendran5049
    @sakthivelrajendran5049 5 років тому

    Awesome tutorial ..... thank u so so so so much

    • @Techsithtube
      @Techsithtube  5 років тому

      Sakthivel, Thanks for an awesome comment!

  • @ruelagnes4277
    @ruelagnes4277 5 років тому +1

    my hero,thanks a lot

  • @tomd5678
    @tomd5678 6 років тому +2

    Nice clear explanation

  • @manjeet08111133
    @manjeet08111133 6 років тому +2

    GREAT WORK SIR.

  • @ehh_dev2546
    @ehh_dev2546 4 роки тому

    Great Video Brother!

  • @ganeshshetty8441
    @ganeshshetty8441 3 роки тому

    Best explanation as always

  • @code_with_mathan
    @code_with_mathan 5 років тому

    very good explanation, thanx a lot :)

  • @maltager5106
    @maltager5106 6 років тому +1

    Thanks for the help!