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

  Рет қаралды 101,292

Dipesh Malvia

Dipesh Malvia

3 жыл бұрын

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.dipeshmalvia.com/courses/...
*Covered*
- What is Redux ?
- Railway Ticket Booking Center (Example)
- Redux Analogy (Example)
- Redux Lifecycle
Slides - docs.google.com/presentation/...
**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.

Пікірлер: 123
@luisdwq123
@luisdwq123 2 жыл бұрын
Great analogy really helps to understand redux better! thanks!
@tawing3595
@tawing3595 3 жыл бұрын
Thanks! I'm just getting started
@axonpark
@axonpark 3 ай бұрын
Really great analogy! Thank you.
@shwetalighadage152
@shwetalighadage152 7 ай бұрын
very simple way you clear my redux concept ... this example create blueprint of redux thank you
@kibriashanto8365
@kibriashanto8365 3 жыл бұрын
Thanks a lot, Easy explanation with a shortest time.
@nayangarg408
@nayangarg408 Жыл бұрын
Great analogy, Thanks a lot❤❤
@sudhanshurai5820
@sudhanshurai5820 2 жыл бұрын
Very well explained. Thank You
@maryamm.6332
@maryamm.6332 2 жыл бұрын
this really great, thank you very much this concept will stuck forever with me 😅👏👏👏👏👏
@hardikluhar4738
@hardikluhar4738 3 ай бұрын
Very Helpfull.
@prashanttiwari5526
@prashanttiwari5526 Жыл бұрын
Very clear and perfect explanation ever!!
@auliasabri2432
@auliasabri2432 3 жыл бұрын
thank you so much, nice explanation in short time.
@anuragband8379
@anuragband8379 2 жыл бұрын
This is amazing, love it ❤, Very Helpful
@ChanderVivekSingh
@ChanderVivekSingh 2 жыл бұрын
very well explained sir thanku so much ...loved your way of teaching
@zubinthoughts
@zubinthoughts 2 жыл бұрын
hats off bro your teaching style is awesome keep it up thanks
@vidyadhardaduwai4417
@vidyadhardaduwai4417 3 ай бұрын
Great example, this is best way to impart concept.... Appreciate
@florian2119
@florian2119 2 жыл бұрын
Explained pretty good thanks
@sidfun2shh
@sidfun2shh Жыл бұрын
Very Helpful, Thanks a lot🙂
@bemeb41yashsakpal90
@bemeb41yashsakpal90 4 ай бұрын
I really had no idea about redux but after watching this video, plenty of my doubts are clear, Great explanation 😄👍
@mohd0606
@mohd0606 2 жыл бұрын
Thanks from the video started watching your channel on regular basis Thanks for the knowledge 🥰🥰🥰🥰
@codingschool-vh6vp
@codingschool-vh6vp 3 ай бұрын
Amazing way of explaining it.
@yusufaltundal3482
@yusufaltundal3482 Жыл бұрын
You have amazing contents! Love the channel 🤗
@everyontech2716
@everyontech2716 Жыл бұрын
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
@farstep4011
@farstep4011 2 жыл бұрын
This was extremely helpful. Thank you!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad it was helpful!
@09abhishekk
@09abhishekk Жыл бұрын
Great presentation 👏🏽
@keplaris2401
@keplaris2401 11 ай бұрын
Interesting!
@ryanscoville3586
@ryanscoville3586 Жыл бұрын
Thank you!
@user-iu3vm9fr9j
@user-iu3vm9fr9j 3 ай бұрын
thanks a lot
@ayabc4320
@ayabc4320 3 жыл бұрын
Amazing ✨
@nirmusan
@nirmusan 2 жыл бұрын
Great class
@mehtabahmed6092
@mehtabahmed6092 2 жыл бұрын
thank you so much
@andrewsasamoah652
@andrewsasamoah652 Жыл бұрын
Loved the video
@rahil_lakhani
@rahil_lakhani 2 жыл бұрын
Loved the analogy! Very well done to explain. Short & to the point explanation!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Glad you liked it!
@aymenbachiri-yh2hd
@aymenbachiri-yh2hd 5 ай бұрын
thank you
@BriariusTitan
@BriariusTitan 7 ай бұрын
Very clean and easy to understand, thank you.
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Glad it was helpful!
@ashokreddy2982
@ashokreddy2982 9 ай бұрын
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...
@ashadulmridha6551
@ashadulmridha6551 2 жыл бұрын
Thanks You
@MrRavichanduri
@MrRavichanduri 2 жыл бұрын
Nice explanation bro.
@PratikD-dy4yo
@PratikD-dy4yo 11 ай бұрын
sahi thaa bhaii
@manojmanu5636
@manojmanu5636 9 ай бұрын
keep doing video like this 👍
@nayansuter7083
@nayansuter7083 8 ай бұрын
Nice
@jklinson
@jklinson 3 ай бұрын
Explained in very simple way. Easy to understand. Great work!!
@DipeshMalvia
@DipeshMalvia 3 ай бұрын
Glad you liked it
@KalpeshSisara
@KalpeshSisara 4 ай бұрын
Best teaser a world
@Hustada
@Hustada Жыл бұрын
Fabulous analogy. Thanks
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Glad it was helpful!
@visheshgupta4990
@visheshgupta4990 Жыл бұрын
Useful and you made it easy to understand thanks 🙌
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Glad it helped!
@budkin
@budkin 2 жыл бұрын
Excellent analogy!
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks!
@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?
@roastmashtoasthash
@roastmashtoasthash Жыл бұрын
Very helpful. Thank you
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Glad it was helpful!
@sandunmadushan1732
@sandunmadushan1732 2 жыл бұрын
This is excellent. thank you
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thankyou!
@pascalmusabyimana8245
@pascalmusabyimana8245 2 жыл бұрын
thanks brooooo
@VishalSharma-vb9qd
@VishalSharma-vb9qd 2 жыл бұрын
Great Explanation !!!! :)
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks!
@babakdorani5914
@babakdorani5914 2 жыл бұрын
Love love love Thank you so much
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Most welcome 😊
@vrb199
@vrb199 2 жыл бұрын
This is amazing, love it ❤️🔥
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks and welcome!
@rimpysaini4976
@rimpysaini4976 Жыл бұрын
your style of explaining is really good.. thanks for video. keep it up..
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Thanks and welcome
@manjunath5727
@manjunath5727 2 жыл бұрын
thanks
@chandu5992
@chandu5992 2 жыл бұрын
Nice Explanation thanks
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Welcome 😀
@hamzazahidulislam3490
@hamzazahidulislam3490 27 күн бұрын
Thanks ❤
@DipeshMalvia
@DipeshMalvia 27 күн бұрын
You're welcome 😊
@mangalasamym8329
@mangalasamym8329 2 жыл бұрын
Good
@Tech-wn8tp
@Tech-wn8tp 7 ай бұрын
i e seen 5 videos, urs is the best
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Thanks, good to hear that.
@anTriksh1994
@anTriksh1994 7 ай бұрын
Where does thunk middleware resides in the react analogy, if we are using thunk? before the reducers?
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Unfortunately the analogy is for Redux and not covering middleware.
@ImamNurArifinHA
@ImamNurArifinHA 2 жыл бұрын
thanks, very nice
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Welcome!
@DevJubayer
@DevJubayer 2 жыл бұрын
good
@jojo-gg1iz
@jojo-gg1iz 10 ай бұрын
Sir, you are an incredibly naturally gifted teacher.
@DipeshMalvia
@DipeshMalvia 10 ай бұрын
Thanks a million
@akshata1997
@akshata1997 2 жыл бұрын
Thank you so much
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
You're most welcome
@aboobakkarseethy
@aboobakkarseethy 2 жыл бұрын
Good One, Very informative
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks!
@ankushladani496
@ankushladani496 2 жыл бұрын
Thank you sir... Are you from gujarat?
@aishwaryagandhi798
@aishwaryagandhi798 2 ай бұрын
Amazing Video
@DipeshMalvia
@DipeshMalvia 2 ай бұрын
Glad you enjoyed it
@aishwaryagandhi798
@aishwaryagandhi798 2 ай бұрын
It really helped a lot to beginer understanding will make a notes on the same
@arihantjain5869
@arihantjain5869 11 ай бұрын
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.
@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.
@jerrychen5984
@jerrychen5984 3 жыл бұрын
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.
@nils-kristianpedersen7225
@nils-kristianpedersen7225 2 жыл бұрын
Very nice..
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thank you! Cheers!
@643kanavguleria9
@643kanavguleria9 2 жыл бұрын
nice explanation
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Thanks and welcome
@pravin1877
@pravin1877 2 жыл бұрын
Thank you for this! Indians can correlate better with Rail ticket booking example ;)
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Absolutely!
@Lavith_kuttu
@Lavith_kuttu Жыл бұрын
Terffic analogy!
@abal11
@abal11 3 жыл бұрын
could you upload a video using redux toolkit with a real world example?
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
I will try to make a video using redux toolkit.
@ajiteshmishra0005
@ajiteshmishra0005 4 күн бұрын
What is the difference between Redux and Redux Toolkit???
@RaghavendraGowda7
@RaghavendraGowda7 2 жыл бұрын
how do u change the state using redux any point of time?
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
You need to dispatch an action when ever you want to change the state
@RaghavendraGowda7
@RaghavendraGowda7 2 жыл бұрын
@@DipeshMalvia thank you...is it possible to cancel dispatched event by any chance if user wants to ? Basically an error case
@vhsphshbs
@vhsphshbs 3 жыл бұрын
👍
@Tech-wn8tp
@Tech-wn8tp 7 ай бұрын
u upgraded ur mic hehe
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Yes
@DeepakGupta-pz4fx
@DeepakGupta-pz4fx 3 жыл бұрын
Please redux complete tutorial advanced part api
@DipeshMalvia
@DipeshMalvia 3 жыл бұрын
I am already working on it.
@warriorlord4052
@warriorlord4052 Жыл бұрын
sound needs to be a bit up.
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Agree, I have upgraded my gadgets hope you won't have such problem in latest videos
@aanya4818
@aanya4818 2 жыл бұрын
Explained on What, but not why.
@DipeshMalvia
@DipeshMalvia 2 жыл бұрын
Not sure you read the title of video 😊
@aanya4818
@aanya4818 2 жыл бұрын
@@DipeshMalvia Why can be explained in 3-5 lines, a brief introduction about why
@D9ID9I
@D9ID9I 3 жыл бұрын
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
@krishnareddyyerram4615
@krishnareddyyerram4615 11 ай бұрын
We need short the code to understand the concept.
@avinashshiyani
@avinashshiyani Жыл бұрын
liked your energy
@DipeshMalvia
@DipeshMalvia Жыл бұрын
Thanks!
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 366 М.
КАРМАНЧИК 2 СЕЗОН 5 СЕРИЯ
27:21
Inter Production
Рет қаралды 591 М.
Eccentric clown jack #short #angel #clown
00:33
Super Beauty team
Рет қаралды 25 МЛН
ALL React Hooks Explained in 12 Minutes
12:21
Code Bootcamp
Рет қаралды 58 М.
Redux For Beginners | React Redux Tutorial
39:43
developedbyed
Рет қаралды 1,2 МЛН
🔴 Complete Redux Tutorial in Hindi | React Redux in 2021
56:25
Thapa Technical
Рет қаралды 574 М.
[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒
1:12:35
Akshay Saini
Рет қаралды 294 М.
Redux in 100 Seconds
2:33
Fireship
Рет қаралды 730 М.
React Redux (with Hooks) Crash Course
48:00
Laith Academy
Рет қаралды 208 М.
КАРМАНЧИК 2 СЕЗОН 5 СЕРИЯ
27:21
Inter Production
Рет қаралды 591 М.