@SQLinjected I... I think you are safe here in the TH-cam comments. Hide amongst the filth and garbage of this cursed ground and take the creator's name and product in vain!
To be honest, I like the approach that current Redux maintainer (dude with the Simpsons avatar) uses online. He explicitly mentioned a bunch of times that you don't need Redux, but then also tries to really explain why and how you might use it and when you might need it. I believe that he is really just trying to combat a bunch of misconceptions and opinions about Redux online that come from poor tutorials and blog posts that have been created in the last 5+ years.
Wow, the animations are pretty neat. This is my favorite coding channel on TH-cam. It doesn't matter what you do. If you deliver quality, you'll be successful.
@@randomuser66438 I'd argue both extremes work. Fireship being one that does provide _quality_ content. Thanks to TH-cam's algorithm, the most successful channels definitely aren't those that are all about quality, though.
I remember I almost ran from React when I stumbled upon Redux lmao, it took me to read the ''you might not need Redux'' article and get a little bit of experience with Vuex to finally come back. Great video btw
I am learning html and don't have a laptop or pc ,I go to cyber cafe to practice there I will be learning css, Java script,react and tailwind in Next 8 months along with few projects Can Acer Aspire 3 Laptop Intel Core Celeron N4500 Processor Laptop (8 GB LPDDR4X SDRAM/256 GB SSD/Win11 Home/38 WHR/HD Webcam) A325-45 with 39.63 cm (15.6") help me till 8 months
Being a vocal advocate of Redux+Redux Toolkit, this video is so simple, clean and thorough in its presentation, I am semi-tempted to use it as training material in my team of frontend engineers. Well done man, simply amazing work!
@@ricardorien Redux is not that hard. It's just too overwhelming because of the amount of boilerplate just to do a simple job. Good thing, the Redux toolkit exists.
@@johnmagbag2711 The fact that Dan & co. pulled up a thing like RTK shows how much problematic the initial approach was. The fact that the Redux team now officially says that if you want to use Redux, use RTK shows thay they know what they are doing.
@@PPLPSMorse actually RTK query (for me personally) is just a tad too much hassle for what you get back - but that's just me. Personally, if I had data that need caching and refetching, on a timely manner even, I would go with useSWR, create a custom hook out of my API call and have it dispatch the data to the Redux store - React will update anyways. For most of the cases, useSWR is 90% of what you will get from RTK query with a subfraction of the code to write. I hope the RTK team comes up with something similar because all these hoops that you have to jump through don't make so much sense when your use case is "duh, API gives data, me puts DATA in store, React shows data on screen ooga booga".
@Cheoys I think redux is a huge pain, you go through a whole lot of setup, boilerplate and ceremony to accomplish the end result of reading and writing to a global variable (but it's a good global variable, not a bad global variable like in other contexts, because of how functional it is, and the more functional your global variable is then the less bad it is). But yeah it has a pretty sweet devtools extension
Been confused about this for the longest time, thanks for always giving me a clear idea of what certain Frontend dev topics and tools are about. You're awesome man.
Hello DZUNG. you seem like a hardworking person and a lifelomg learner.. may i ask you some question about your preference in learning. A: A sophisticated text with deep exposure for a subject. B: A beautifullly designed web with moderate exposure for a subject. C: A simple and understandable words with low exposure for a subject. D: A project based learning with no exposure on a subject.. I hope this reach you well.I am gathering data on your answers. Thankyou for your time and have a great day!!😁
Redux toolkit definitely helps with all the complexity that it meant use Redux. I have used it a couple times and has been the worse experience of my life, but using it with toolkit, it might just be a bad headache only. I want to try it out and see what happens. Thanks Jeff. Keep up the good work!
100 second vids like these are a gift. i made sense of redux better than tutorials which spend 1 hour teaching me exercises and drowning me with programming jargon
It's a great explanation video. Though for personal projects, I wouldn't recommend using this as it gets very boilerplatey. If you want to practice, then sure go ahead. But to just get the purpose of global state done, you can use the Context Api or other state management libraries like Recoil, Zustand, Hookstate, Jotai etc.
Fuck context sure ain’t boilerplate just walking in a cloud of fog trying to handle everything on your own instead of just actually handling the info logically
I worked with Redux in 2019 and i have to admit it is a lot less disgusting now. The experience of working with it at the time before hooks left a horribly bitter taste in my mouth that i still feel to this day
I think the complaints about Redux actually have more to do with JavaScript. You see pretty much the same concepts in Elm and ClojureScript (re-frame) but done in a much nicer, cleaner, and more sensible way. Redux has the right concepts overall, imo.
I agree -- the ideas of redux are correct but the janky way that it has to be implemented because of the mess of an API that React has built for itself makes it very unpleasant to use.
Hello yahye.. , you seem like a lifelong learner.. may i ask you some question about your preference in learning. A: A sophisticated text with deep exposure for a subject. B: A beautifullly designed web with moderate exposure for a subject. C: A simple and understandable words with low exposure for a subject. D: A project based learning with no exposure on a subject.. I hope this reach you well.I am gathering data on your answers. Thankyou for your time and have a great day!!😁
Zustand for sure. I've managed a fairly decent sized codebase around 10k lines and it was a pain using Redux and other libraries that I've had to refactor multiple times to ultimately using Zustand.
Nothing beats Zustand for global client-side state together with React Query for server-side for me. The Zustand API is just so nice to look at (especially after coming from "old" Redux...)
Redux is great a making simple things difficult, but also making very difficult things simple. As with all tools, think whether you need it. Redux shines when you have complex side effects related to state changes. The most common example in http calls, but you can synchronise any side effect with state changes, such as updating web audio api nodes, you can implement realtime functionality by sharing actions over web-sockets, in this way the state change + side effects are shared between clients. For these complex tasks it's awesome and simplifies them tremendously, for basic crud views it's complete overkill and adds a ton of complexity.
Totally agree, redux makes simple things difficult and difficult thinks simple, but in general difficulties in frontend is a bad idea... keep it simple.
Wow! that's a very weird coincidence! I was searching for "Redux in 100 seconds" just the day before you upload this video, to find you uploading it the next day. 😂
I don't know why but whenever I try to learn some thing new, fireship will provide a 100 second video explaining it. Some perfect sync going on with subscribers and fireship. 🔥 Found this video while learning redux.
Having used redux force good few years. Toolkit looks like it really has taken a leap in reducing boilerplate and trying to centralize most of redux or as much as possible in one file
The video itself is incredibly useful, however there is a bug in it if I'm not mistaken: at 2:02 there is {pizza.toppings.map(topping => ... key{topping} ....} where the key is not unque. However in this particular demo it does not create any problem, since none of the element is removed from the list :) Great video in overall !!!
2017 after learning basic of react I jump right into redux and I totally complains about the boilerplate nightmare, then moved to mobx not long enough I saw one of Ben Awad’s video mentioned zustand and I gave it a try and never looked back. At the time react context is released but I still find zustand very simple and easy to start with and no need to wrap your entire app with any provider.
One thing that is a bit limiting here is presenting Redux only from the lens of a React app. It’s a stand alone tool. This video spent more time showing the nastiness of React-Redux than redux itself.
Yeah I've noticed Zustand works with Redux dev tools. One downside is that Zustand store functions you call all just appear with the same name you give that store for dev tools integration. So it will always display "mystorename" compared to Redux showing actual action name for each action dispatched. Other features seemed to work pretty good so that's a single downside I've noticed so far.
People hate Redux when they first start with it but if you are organized and use it properly, it is a lovely tool. I still prefer it over context, fight me.
It probably is. Judging by React's rather verbose nature to begin with. And, conversely, what I heard about Svelte's elegant design. Can you recommend anything to get started with Svelte?
The thing I like about redux is if I complain about it on reddit the creator always comes along and tells me why I'm wrong
@SQLinjected I... I think you are safe here in the TH-cam comments. Hide amongst the filth and garbage of this cursed ground and take the creator's name and product in vain!
Let me know when he shows up here 🤣
u/acemarke ftw
@@krtirtho Likely he has a webscraper with AI that detects any negative context and redux. He protec
To be honest, I like the approach that current Redux maintainer (dude with the Simpsons avatar) uses online. He explicitly mentioned a bunch of times that you don't need Redux, but then also tries to really explain why and how you might use it and when you might need it.
I believe that he is really just trying to combat a bunch of misconceptions and opinions about Redux online that come from poor tutorials and blog posts that have been created in the last 5+ years.
Wow, the animations are pretty neat. This is my favorite coding channel on TH-cam. It doesn't matter what you do. If you deliver quality, you'll be successful.
-quality- _value_
@@randomuser66438 I'd argue both extremes work. Fireship being one that does provide _quality_ content.
Thanks to TH-cam's algorithm, the most successful channels definitely aren't those that are all about quality, though.
I remember I almost ran from React when I stumbled upon Redux lmao, it took me to read the ''you might not need Redux'' article and get a little bit of experience with Vuex to finally come back. Great video btw
Coming from vuex background makes learning redux a cakewalk, i mean afterall they are all based on the flux pattern.
I am learning html and don't have a laptop or pc ,I go to cyber cafe to practice there
I will be learning css, Java script,react and tailwind in Next 8 months along with few projects
Can Acer Aspire 3 Laptop Intel Core Celeron N4500 Processor Laptop (8 GB LPDDR4X SDRAM/256 GB SSD/Win11 Home/38 WHR/HD Webcam) A325-45 with 39.63 cm (15.6") help me till 8 months
Being a vocal advocate of Redux+Redux Toolkit, this video is so simple, clean and thorough in its presentation, I am semi-tempted to use it as training material in my team of frontend engineers. Well done man, simply amazing work!
You must be really good. Redux was the thing that almost kick me out of the programing world.
@@ricardorien Redux is not that hard. It's just too overwhelming because of the amount of boilerplate just to do a simple job. Good thing, the Redux toolkit exists.
I love it. It coming with RTK Query is pretty great as well.
@@johnmagbag2711 The fact that Dan & co. pulled up a thing like RTK shows how much problematic the initial approach was. The fact that the Redux team now officially says that if you want to use Redux, use RTK shows thay they know what they are doing.
@@PPLPSMorse actually RTK query (for me personally) is just a tad too much hassle for what you get back - but that's just me. Personally, if I had data that need caching and refetching, on a timely manner even, I would go with useSWR, create a custom hook out of my API call and have it dispatch the data to the Redux store - React will update anyways. For most of the cases, useSWR is 90% of what you will get from RTK query with a subfraction of the code to write. I hope the RTK team comes up with something similar because all these hoops that you have to jump through don't make so much sense when your use case is "duh, API gives data, me puts DATA in store, React shows data on screen ooga booga".
Dan Abramov himself has said that you shouldn't use redux unless absolutely necessary. Its good only when there are a lot of moving parts.
@Cheoys I think redux is a huge pain, you go through a whole lot of setup, boilerplate and ceremony to accomplish the end result of reading and writing to a global variable (but it's a good global variable, not a bad global variable like in other contexts, because of how functional it is, and the more functional your global variable is then the less bad it is). But yeah it has a pretty sweet devtools extension
@@HamidKarzai with toolkit the boilerplate is reduced immensely and it's not that big of a deal anymore. Imo very easy and intuitive to use now!
Dont forget to include the number of developers on a project as part of those moving parts :D
Couldn't one just use eventcallbacks in child components? Feels like everything dont have to be a redux store.
@Cheoys if you like good state management dev tools like then you might be interested in trying out react-query also has dev tools to help you out.
Been confused about this for the longest time, thanks for always giving me a clear idea of what certain Frontend dev topics and tools are about.
You're awesome man.
dude you have a gift. you were able to explain redux basics in a short video instead of most videos where they half explain it in 30 mins
I think we need a video of Jeff trying different state managment libraries: Redux, Mobx, Recoil, Zustand, Jotai, etc
Hello DZUNG. you seem like a hardworking person and a lifelomg learner.. may i ask you some question about your preference in learning.
A: A sophisticated text with deep exposure for a subject.
B: A beautifullly designed web with moderate exposure for a subject.
C: A simple and understandable words with low exposure for a subject.
D: A project based learning with no exposure on a subject..
I hope this reach you well.I am gathering data on your answers. Thankyou for your time and have a great day!!😁
I love recoil
Check out Jack Herrington. He did a video just like that.
Mobx is best
@@BirdTho context API is giving alot of problems, so started using recoil now
Redux toolkit definitely helps with all the complexity that it meant use Redux. I have used it a couple times and has been the worse experience of my life, but using it with toolkit, it might just be a bad headache only. I want to try it out and see what happens. Thanks Jeff. Keep up the good work!
Incredible Redux explanation! 👏 This quick revision is exactly what I needed - no non-sense, straight to the point.
Thanks a @fireship!
Subscribed
Wow. This has everything I just learned in a 5 hour course.
You are amazing at what you do !! Your content is THE BEST when explaining technologies in such a short time.
100 second vids like these are a gift. i made sense of redux better than tutorials which spend 1 hour teaching me exercises and drowning me with programming jargon
It's a great explanation video. Though for personal projects, I wouldn't recommend using this as it gets very boilerplatey. If you want to practice, then sure go ahead. But to just get the purpose of global state done, you can use the Context Api or other state management libraries like Recoil, Zustand, Hookstate, Jotai etc.
Have you tried Redux recently using Redux Toolkit? Most of the boilerplate is gone.
@@zeckul I have, still it is more boilerplate than the options I have listed.
I agree with you
The code is boilerplate but also the terminology is boilerplate. Reducer, dispatcher blah blah blah its so unnecessary
Fuck context sure ain’t boilerplate just walking in a cloud of fog trying to handle everything on your own instead of just actually handling the info logically
Thanks Jeff for slowing a little bit and really love it :)
I was just looking for a redux tutorial by you! Great timing :)
I worked with Redux in 2019 and i have to admit it is a lot less disgusting now. The experience of working with it at the time before hooks left a horribly bitter taste in my mouth that i still feel to this day
i think this video will be really helpful if you already have certain knowledge about redux and you wanna recall it or summarize everything in short
whoever put this together is just as good as the people developing and maintaining redux. Thanks a lot.
i literally typed redux in 100 seconds 2 hours ago and know you just uploaded it omg
Was waiting for Redux, you came up with redux. Thanks a ton Fireship 😃
That toolkit looks amazing, very neat
I think the complaints about Redux actually have more to do with JavaScript. You see pretty much the same concepts in Elm and ClojureScript (re-frame) but done in a much nicer, cleaner, and more sensible way. Redux has the right concepts overall, imo.
I agree -- the ideas of redux are correct but the janky way that it has to be implemented because of the mess of an API that React has built for itself makes it very unpleasant to use.
Perfect short explanation.Thanks!
I love this type of video no nonsense just to the point . love you fireship
Best Redux explanation, totally clear and simple. Thanks Fireship 🔥❤️
Hello yahye.. , you seem like a lifelong learner.. may i ask you some question about your preference in learning.
A: A sophisticated text with deep exposure for a subject.
B: A beautifullly designed web with moderate exposure for a subject.
C: A simple and understandable words with low exposure for a subject.
D: A project based learning with no exposure on a subject..
I hope this reach you well.I am gathering data on your answers. Thankyou for your time and have a great day!!😁
truth ? i swear to god i never understood how redux works in my whole life, but ur 100seconds just went like a bullet into my brain, thank u jeff
the amount of abstraction and metaphores. 100 seconds to explain Redux! damn dude u just goated!
Man how these logos just light up when it starts🙌🏼🙌🏼🙌🏼Crazy animation. Fireship in 100 seconds next😂
It is time for the State Management battle: Zustand, Recoil, Jotai, mobx...and so on
Zustand for sure. I've managed a fairly decent sized codebase around 10k lines and it was a pain using Redux and other libraries that I've had to refactor multiple times to ultimately using Zustand.
@@philmarlin6204 Zustand is good. I personally like atomic state management
+1 for zustand
React query + an atomic state manager for small client side things because React context is abusive. That's the way to go IMO
Nothing beats Zustand for global client-side state together with React Query for server-side for me.
The Zustand API is just so nice to look at (especially after coming from "old" Redux...)
Take a look at a library called easy-peasy, that is an abstraction of redux but is very developer friendly
This helped me understand Redux much better. Thank you!!!
Perfect. Was waiting for this for ages
This is the most concise and simple explanation of redux slice I've seen on the web.
Haha, can't believe it would be possible to learn Redux in 100 seconds.
Well done guys.
this is how i learned redux and turned out to know more from this vid than a friend who used redux structure in different projects
Notifications always on...keep up the good work
Woah, you're explaining everything so good! When I want to learn something about programming, your channel is the only way 🙂
Redux is great a making simple things difficult, but also making very difficult things simple. As with all tools, think whether you need it. Redux shines when you have complex side effects related to state changes. The most common example in http calls, but you can synchronise any side effect with state changes, such as updating web audio api nodes, you can implement realtime functionality by sharing actions over web-sockets, in this way the state change + side effects are shared between clients.
For these complex tasks it's awesome and simplifies them tremendously, for basic crud views it's complete overkill and adds a ton of complexity.
Totally agree, redux makes simple things difficult and difficult thinks simple, but in general difficulties in frontend is a bad idea... keep it simple.
Liking Fireship videos becomes a habit, so I click thumbs-up first, then watch.
couldn't have uploaded this at a better time!
Agreed I'm learning react atm
Wow! that's a very weird coincidence! I was searching for "Redux in 100 seconds" just the day before you upload this video, to find you uploading it the next day. 😂
I don't know why but whenever I try to learn some thing new, fireship will provide a 100 second video explaining it. Some perfect sync going on with subscribers and fireship. 🔥 Found this video while learning redux.
This happend to me too.
"State (it's just your app's data)" I really needed that ELI5, have been trying to understand it for some time.
01:25 Slice
01:49 Select data / Consume redux data
woah you are explaining very hard to understand topics in an easy to understand and excelent way! Good job jeff!
Wth man you are the best communicator in tech by miles.
Consice & clear & right to the point. Good Job 👍
Having used redux force good few years. Toolkit looks like it really has taken a leap in reducing boilerplate and trying to centralize most of redux or as much as possible in one file
Thank you. This was so short and direct.
Wait this is so perfect, I just looked up what redux is yesterday - THANK YOU
It is also good to mention RTK Query, when we are already talking about redux toolkit
Waiting eagerly for Relay in 100 Seconds
this helps me bootstrap and run the minimum redux for my live coding interview :) thank you so much, buddy!
Thank you for finally explaining the proper usecase for it
The video itself is incredibly useful, however there is a bug in it if I'm not mistaken: at 2:02 there is {pizza.toppings.map(topping => ... key{topping} ....} where the key is not unque. However in this particular demo it does not create any problem, since none of the element is removed from the list :) Great video in overall !!!
I can swear I was looking this up yesterday just before the video was posted 🤯
I started using redux a few months ago.
I love it
I just love it.
❤
I cant believe this is more comprehensive than all the other guides XD
This is an amazingly simple explanation
2017 after learning basic of react I jump right into redux and I totally complains about the boilerplate nightmare, then moved to mobx not long enough I saw one of Ben Awad’s video mentioned zustand and I gave it a try and never looked back. At the time react context is released but I still find zustand very simple and easy to start with and no need to wrap your entire app with any provider.
You just made me interested in redux after 4 years of intensively hating it
see, the importance of an explanation is not time, it's clarity
I am convinced Jeff can read our brain. He knows what we need and he gives us that. Thanks Jeff !
I am dyslexic and autistic, I tried reading the docs could never understand. With this it make so much sense. Thank you for the help ❤️
One thing that is a bit limiting here is presenting Redux only from the lens of a React app. It’s a stand alone tool. This video spent more time showing the nastiness of React-Redux than redux itself.
RxJS in 100 seconds, let's go!!!
I have never in my life seen this used in a way that positively impact the codebase of a (enterprise) application.
Since you are covering Redux, I think you should do a video on Elm next :)
dude i just made a test project and started learning redux toolkit yesterday 😂👍🏻
Was stuck 2 days in a hook state problem, was refusing to use redux, when I gave up to redux I solved it in 30 min lol. Totally worth it
I feel like redux is so much easier to work with now with Redux toolkit. Ready doesn't require that much boilerplate.
Your a beautifull person, avoiding me to read documentation for implementing this on my ReactJs app, thanks you my god this was mutch faster with you
Hi! It would be great to have 100s with Pinia, as it is the new standard in state management libraries for vue.
I used to hate it but now i love it! At least after when i learned about toolkit
RTK QUERY, from Redux Toolkit; IS BEAUTIFUL!
A few other alt libraries also work with redux dev tools (time travel etc). So you can avoid the boilerplate and have what is demonstrated here.
Yeah I've noticed Zustand works with Redux dev tools. One downside is that Zustand store functions you call all just appear with the same name you give that store for dev tools integration. So it will always display "mystorename" compared to Redux showing actual action name for each action dispatched. Other features seemed to work pretty good so that's a single downside I've noticed so far.
Yesterday I just searched REDUX IN 100 SECONDS .. and today u posted🔥
Brilliant abstract of redux... the best i've seen
Visual Basic please!
best explanations ever thank you
People hate Redux when they first start with it but if you are organized and use it properly, it is a lovely tool. I still prefer it over context, fight me.
What thing can do redux, context cant? In a real scenario
@@andresgc7635 scale
everyday i am grateful for being interested on backend rather than frontend.
I never stop any music in between, unless it is a notification from fireship 🤩
thanks.yesterday i posted a comment about to make a video about redux in post.you just posted a video about redux today.thanks it will help
perfect and enjoying video, thanks!
wow! you made a video from my suggestion😁
i would love to see a 100secs video on nim
Waw the Redux Chrome extension is just Mamamiaa 👌
Better explanation than my reading 2 hours
Amazing explanation, thanks.
i have no idea what was typed but 2:15 was really cool
Loving that MonoLisa font in the text. Also try using it in the code
Just when Im studying Redux for a posible new great job. Thanks as always
Oh yeah, the day comes, And I'm not ready at all.
After using Svelte, this suddenly seems overly verbose. Love the content btw 💕 keep it coming 😋
It probably is. Judging by React's rather verbose nature to begin with. And, conversely, what I heard about Svelte's elegant design.
Can you recommend anything to get started with Svelte?
@@LinkEX Tell me if you find haha
@@LinkEX I'm not who you asked, but I would recommend James Q Quick's sveltekit crash course for basics of svelte
@@personmcguy3537 Thanks!
Thanks for this wonderful video
When I used redux, I have to write a T4 template to generate those boilerplates.
Now we need Redux Saga in 100secs
Dan Abramov is a legend
nice overview and reminder