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.
Perfection! This video just made the concept behind Redux simpler to understand. Thank you.
Glad you enjoyed the video.
very simple way you clear my redux concept ...
this example create blueprint of redux thank you
Explained in very simple way. Easy to understand. Great work!!
Glad you liked it
Loved the analogy!
Very well done to explain. Short & to the point explanation!
Glad you liked it!
Very clean and easy to understand, thank you.
Glad it was helpful!
Great analogy really helps to understand redux better! thanks!
Really great analogy! Thank you.
I really had no idea about redux but after watching this video, plenty of my doubts are clear, Great explanation 😄👍
this really great, thank you very much
this concept will stuck forever with me 😅👏👏👏👏👏
Great example, this is best way to impart concept.... Appreciate
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...
Sir, you are an incredibly naturally gifted teacher.
Thanks a million
Fabulous analogy. Thanks
Glad it was helpful!
This was extremely helpful.
Thank you!
Glad it was helpful!
Best teaser a world
your style of explaining is really good.. thanks for video. keep it up..
Thanks and welcome
Excellent analogy!
Thanks!
Very helpful. Thank you
Glad it was helpful!
Amazing Video
Glad you enjoyed it
It really helped a lot to beginer understanding will make a notes on the same
Thanks ❤
You're welcome 😊
Useful and you made it easy to understand thanks 🙌
Glad it helped!
This is excellent. thank you
Thankyou!
Thanks! I'm just getting started
wow wonderful great teacher
Many many thanks
Amazing way of explaining it.
Love love love
Thank you so much
Most welcome 😊
hats off bro your teaching style is awesome keep it up thanks
i e seen 5 videos, urs is the best
Thanks, good to hear that.
Great Explanation !!!! :)
Thanks!
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
Where does thunk middleware resides in the react analogy, if we are using thunk?
before the reducers?
Unfortunately the analogy is for Redux and not covering middleware.
This is amazing, love it ❤, Very Helpful
Nice Explanation thanks
Welcome 😀
very well explained sir thanku so much ...loved your way of teaching
thank you
Very clear and perfect explanation ever!!
sahi thaa bhaii
Thank you so much
You're most welcome
Thanks from the video started watching your channel on regular basis Thanks for the knowledge 🥰🥰🥰🥰
thanks a lot
Thanks You
Good One, Very informative
Thanks!
Great analogy, Thanks a lot❤❤
This is amazing, love it ❤️🔥
Thanks and welcome!
Very well explained. Thank You
Thank you for this! Indians can correlate better with Rail ticket booking example ;)
Absolutely!
Very Helpfull.
Explained pretty good thanks
You have amazing contents! Love the channel 🤗
Thanks a lot, Easy explanation with a shortest time.
could you upload a video using redux toolkit with a real world example?
I will try to make a video using redux toolkit.
Nice
Great presentation 👏🏽
liked your energy
Thanks!
thanks, very nice
Welcome!
thank you so much, nice explanation in short time.
Thank you!
Thank you sir...
Are you from gujarat?
Very nice..
Thank you! Cheers!
nice explanation
Thanks and welcome
Great class
keep doing video like this 👍
Good
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?
Terffic analogy!
Loved the video
good
Interesting!
Nice explanation bro.
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.
What is the difference between Redux and Redux Toolkit???
thanks
Amazing ✨
thanks brooooo
u upgraded ur mic hehe
Yes
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.
how do u change the state using redux any point of time?
You need to dispatch an action when ever you want to change the state
@@DipeshMalvia thank you...is it possible to cancel dispatched event by any chance if user wants to ? Basically an error case
sound needs to be a bit up.
Agree, I have upgraded my gadgets hope you won't have such problem in latest videos
Please redux complete tutorial advanced part api
I am already working on it.
👍
Explained on What, but not why.
Not sure you read the title of video 😊
@@DipeshMalvia Why can be explained in 3-5 lines, a brief introduction about why
We need short the code to understand the concept.
Global state is as bad as a global variables in applications. Terrible pattern.
I agree but as long as you can manage it's good easy to access but sometimes the Global state creates unwanted problems.
I could have been much better
Not too late yet
Very Helpful, Thanks a lot🙂
Nice explanation
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.
thank you so much