Understanding Redux Concept in 5 Minutes | What is Redux ? | Redux Analogy | Redux Lifecycle

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ย. 2024
  • In this video we going to learn about What is Redux? and It's analogy in a very simplified way. I have seen a lot of developers working with JavaScript frameworks/ libraries get confused while using the State Management Library Redux. So Redux mostly used with React or React-native for managing global state.
    I will use an example which you can relate with your travel planning so that Redux becomes a cup of tea for you. We will understand how Actions, dispatch, reducers and store work together so that our application can get consistent data throughout.
    This video only focus on the concept of Redux and not the implementation once you understand the concept and Redux lifecycle you should be able to implement the Redux store.
    Node.js: The Complete Guide to Build Backend Projects [2023]🔥
    Link - www.dipeshmalv...
    *Covered*
    - What is Redux ?
    - Railway Ticket Booking Center (Example)
    - Redux Analogy (Example)
    - Redux Lifecycle
    Slides - docs.google.co...
    **React For Beginners **
    How to Learn React JS ? - • React JS Roadmap for D...
    React JS Fundamentals Project for Beginners - • Learn React JS Fundame...
    Learn React Router With Project - • Learn React Router Wit...
    React Axios CRUD with JSON SERVER - • React Axios CRUD with ...
    React Search Filter with React Hooks - • Build React Search Fil...
    **Checkout these video to understand better**
    Learn JSON in 25 Minutes - • Learn JSON in 25 Minut...
    JavaScript this Keyword - • JavaScript this Keywor...
    JavaScript ES6 Arrow Functions - • JavaScript ES6 Arrow F...
    JavaScript Higher Order Functions & Arrays Methods - • 13 Must Know JavaScrip...
    JavaScript ES6 Destructuring - • JavaScript ES6 Destruc...
    **More videos**
    Asynchronous Vs Synchronous Programming - • Asynchronous Vs Synchr...
    Async JavaScript Callback - • Async JavaScript Callb...
    Async JavaScript Promises Tutorial - • Async JavaScript Promi...
    **Checkout my crash courses for get started with web development**
    JavaScript Tutorial For Beginners | Part 1 - • JavaScript Tutorial Fo... JavaScript Tutorial For Beginners | Part 2 - • JavaScript Tutorial Fo...
    JavaScript Tutorial For Beginners | Part 3 - • JavaScript Tutorial Fo...
    JavaScript Tutorial For Beginners | Part 4 - • JavaScript Tutorial Fo...
    HTML5 Crash Course in 1 Hour - • HTML5 Crash Course for...
    CSS Crash Course in 1 Hour - • CSS Crash Course For A...
    🔗 Social Medias 🔗
    Twitter: / imdmalvia
    Facebook: / dipesh.malvia
    Instagram: / dipeshmalvia
    LinkedIn: / dmalvia
    ⭐️ Hashtags ⭐️
    #React #Redux #Tutorials
    Disclaimer:
    It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
    All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

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

  • @GfoxSim
    @GfoxSim 23 วันที่ผ่านมา +1

    Perfection! This video just made the concept behind Redux simpler to understand. Thank you.

    • @DipeshMalvia
      @DipeshMalvia  21 วันที่ผ่านมา +1

      Glad you enjoyed the video.

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

    very simple way you clear my redux concept ...
    this example create blueprint of redux thank you

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

    Explained in very simple way. Easy to understand. Great work!!

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

      Glad you liked it

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

    Loved the analogy!
    Very well done to explain. Short & to the point explanation!

  • @BriariusTitan
    @BriariusTitan 11 หลายเดือนก่อน +2

    Very clean and easy to understand, thank you.

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

      Glad it was helpful!

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

    Great analogy really helps to understand redux better! thanks!

  • @axonpark
    @axonpark 6 หลายเดือนก่อน +2

    Really great analogy! Thank you.

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

    I really had no idea about redux but after watching this video, plenty of my doubts are clear, Great explanation 😄👍

  • @maryamm.6332
    @maryamm.6332 2 ปีที่แล้ว +2

    this really great, thank you very much
    this concept will stuck forever with me 😅👏👏👏👏👏

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

    Great example, this is best way to impart concept.... Appreciate

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

    My suggestion : first try to read any blogs or any articles regarding basic redux then you will get some idea(not completely) then watch this video then you will get a full clarification.
    Thank you bro you gave a better example...

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

    Sir, you are an incredibly naturally gifted teacher.

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

    Fabulous analogy. Thanks

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

    This was extremely helpful.
    Thank you!

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

    Best teaser a world

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

    your style of explaining is really good.. thanks for video. keep it up..

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

    Excellent analogy!

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

    Very helpful. Thank you

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

    Amazing Video

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

      Glad you enjoyed it

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

      It really helped a lot to beginer understanding will make a notes on the same

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

    Thanks ❤

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

      You're welcome 😊

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

    Useful and you made it easy to understand thanks 🙌

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

    This is excellent. thank you

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

    Thanks! I'm just getting started

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

    wow wonderful great teacher

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

      Many many thanks

  • @codingschool-vh6vp
    @codingschool-vh6vp 6 หลายเดือนก่อน

    Amazing way of explaining it.

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

    Love love love
    Thank you so much

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

    hats off bro your teaching style is awesome keep it up thanks

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

    i e seen 5 videos, urs is the best

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

      Thanks, good to hear that.

  • @VishalSharma-vb9qd
    @VishalSharma-vb9qd 2 ปีที่แล้ว +1

    Great Explanation !!!! :)

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

    In redux, action/create create a action.
    Action has type of action, payload (passeger info)
    This action is dispatch(submit form) to the reducer(ticket counter)
    Now, based on reducer action stores get updates.
    Subscription - pass state as props
    Finally re-render

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

    Where does thunk middleware resides in the react analogy, if we are using thunk?
    before the reducers?

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

      Unfortunately the analogy is for Redux and not covering middleware.

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

    This is amazing, love it ❤, Very Helpful

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

    Nice Explanation thanks

  • @ChanderVivekSingh
    @ChanderVivekSingh 2 ปีที่แล้ว

    very well explained sir thanku so much ...loved your way of teaching

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 9 หลายเดือนก่อน

    thank you

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

    Very clear and perfect explanation ever!!

  • @PratikD-dy4yo
    @PratikD-dy4yo ปีที่แล้ว

    sahi thaa bhaii

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

    Thank you so much

  • @mohd0606
    @mohd0606 3 ปีที่แล้ว

    Thanks from the video started watching your channel on regular basis Thanks for the knowledge 🥰🥰🥰🥰

  • @user-iu3vm9fr9j
    @user-iu3vm9fr9j 6 หลายเดือนก่อน

    thanks a lot

  • @ashadulmridha6551
    @ashadulmridha6551 2 ปีที่แล้ว

    Thanks You

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

    Good One, Very informative

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

    Great analogy, Thanks a lot❤❤

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

    This is amazing, love it ❤️🔥

  • @sudhanshurai5820
    @sudhanshurai5820 2 ปีที่แล้ว

    Very well explained. Thank You

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

    Thank you for this! Indians can correlate better with Rail ticket booking example ;)

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

    Very Helpfull.

  • @florian2119
    @florian2119 2 ปีที่แล้ว

    Explained pretty good thanks

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

    You have amazing contents! Love the channel 🤗

  • @kibriashanto8365
    @kibriashanto8365 3 ปีที่แล้ว

    Thanks a lot, Easy explanation with a shortest time.

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

    could you upload a video using redux toolkit with a real world example?

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

      I will try to make a video using redux toolkit.

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

    Nice

  • @09abhishekk
    @09abhishekk ปีที่แล้ว

    Great presentation 👏🏽

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

    liked your energy

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

    thanks, very nice

  • @auliasabri2432
    @auliasabri2432 3 ปีที่แล้ว

    thank you so much, nice explanation in short time.

  • @ryanscoville3586
    @ryanscoville3586 2 ปีที่แล้ว

    Thank you!

  • @ankushladani496
    @ankushladani496 2 ปีที่แล้ว

    Thank you sir...
    Are you from gujarat?

  • @nils-kristianpedersen7225
    @nils-kristianpedersen7225 2 ปีที่แล้ว +1

    Very nice..

  • @643kanavguleria9
    @643kanavguleria9 2 ปีที่แล้ว +1

    nice explanation

  • @nirmusan
    @nirmusan 2 ปีที่แล้ว

    Great class

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

    keep doing video like this 👍

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

    Good

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

    So the reducer gets the current state(or prev state) from store itself?? Is that what u mentioned like reducer has the power to read the state from central repository?

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

    Terffic analogy!

  • @andrewsasamoah652
    @andrewsasamoah652 2 ปีที่แล้ว

    Loved the video

  • @DevJubayer
    @DevJubayer 2 ปีที่แล้ว

    good

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

    Interesting!

  • @MrRavichanduri
    @MrRavichanduri 3 ปีที่แล้ว

    Nice explanation bro.

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

    I think, Redux is like database, as redux also update the data in it, and database also update the data in it whenever we give update command.

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

    What is the difference between Redux and Redux Toolkit???

  • @manjunath5727
    @manjunath5727 2 ปีที่แล้ว

    thanks

  • @ayabc4320
    @ayabc4320 3 ปีที่แล้ว

    Amazing ✨

  • @pascalmusabyimana8245
    @pascalmusabyimana8245 2 ปีที่แล้ว

    thanks brooooo

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

    u upgraded ur mic hehe

  • @rahulsingh-br2gk
    @rahulsingh-br2gk ปีที่แล้ว

    How are actions and reducers connected internally? like if an action is dispatched how does that know which reducer to go to? there might be multiple reducers right in an app? someone please help me understand this.

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

    how do u change the state using redux any point of time?

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

      You need to dispatch an action when ever you want to change the state

    • @RaghavendraGowda7
      @RaghavendraGowda7 3 ปีที่แล้ว

      @@DipeshMalvia thank you...is it possible to cancel dispatched event by any chance if user wants to ? Basically an error case

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

    sound needs to be a bit up.

    • @DipeshMalvia
      @DipeshMalvia  2 ปีที่แล้ว

      Agree, I have upgraded my gadgets hope you won't have such problem in latest videos

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

    Please redux complete tutorial advanced part api

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

      I am already working on it.

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

    👍

  • @aanya4818
    @aanya4818 3 ปีที่แล้ว

    Explained on What, but not why.

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

      Not sure you read the title of video 😊

    • @aanya4818
      @aanya4818 3 ปีที่แล้ว

      @@DipeshMalvia Why can be explained in 3-5 lines, a brief introduction about why

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

    We need short the code to understand the concept.

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

    Global state is as bad as a global variables in applications. Terrible pattern.

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

      I agree but as long as you can manage it's good easy to access but sometimes the Global state creates unwanted problems.

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

    I could have been much better

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

      Not too late yet

  • @sidfun2shh
    @sidfun2shh 2 ปีที่แล้ว

    Very Helpful, Thanks a lot🙂

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

    Nice explanation

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

      Thanks hold on for next video where we actually going to build our own Redux store for Railway booking center. Hope you will enjoy that too.

  • @mehtabahmed6092
    @mehtabahmed6092 3 ปีที่แล้ว

    thank you so much