Redux Tutorial - Learn Redux from Scratch
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- Redux tutorial - Learn redux from scratch.
🚀Get the full Redux course: codewithmosh.com/p/ultimate-r...
👍Subscribe for more tutorials like this: goo.gl/6PYaGF
Download the starter project:
bit.ly/2RWgf32
CONNECT WITH ME
My Courses: codewithmosh.com
My Blog: programmingwithmosh.com
My Facebook: / programmingwithmosh
My Twitter: / moshhamedani
You might also like:
React Tutorial for Beginners:
• React JS - React Tutor...
JavaScript Tutorial for Beginners:
• JavaScript Tutorial fo...
Angular Tutorial for Beginners:
• Angular Tutorial for B...
TABLE OF CONTENT
0:00:00 Introduction
0:01:02 What is Redux?
0:03:20 Pros and Cons of Redux
0:08:49 Is Redux for You?
0:11:18 Setting Up the Development Environment
0:13:07 Course Structure
0:15:32 Function Programming
0:15:59 What is Functional Programming?
0:17:25 Functions as First-Class Citizens
0:20:33 Higher-order Functions
0:22:06 Functional Composition
0:25:45 Composing and Piping
0:28:08 Currying
0:34:17 Pure Functions
0:37:08 Immutability
0:41:22 Updating Objects
0:45:56 Updating Arrays
0:49:51 Enforcing Immutability
0:50:56 Immutable.js
0:54:36 Immer
0:57:30 Redux Intro
0:57:55 Redux Architecture
1:02:58 Your First Redux Application
1:04:43 Designing the Store
1:06:10 Defining the Actions
1:09:37 Creating a Reducer
1:15:50 Creating the Store
1:17:16 Dispatching Actions
1:20:02 Subscribing to the Store
1:22:10 Action Types
1:26:03 Action Creators
1:29:01 Exercise
1:29:18 Solution
I'm currently attending your design patterns course. nearly finished with second part. I'm waiting for the 3 part. and I'm really excited about this Redux course, because you know that was missing from your mastering react course. Happy to enroll in this as well. Keep doing the great work Master. Just by my recommendations 4 of my friends are attending your amazing courses. I'm a javascript full stack developer and I got a job in Munich, Germany after watching and practicing your nodejs, react, javascript basic and oop course. I believe you should also provide more courses for those who want to reach the senior level (like CI/CD, AWS, Docker, micro services, UMLs, performance, security ... ). Thanks for the great work.
@@programmingwithmosh Mr can you give me your WhatsApp number or your Email
Let's try and remove 'master' from the 'global scope'. It may have worked in the past but it's now has negative connotations. ;) we are all learning :)
@@Roatandiving true💯
@@bilalullahkhan5517 I will upload this full course here. th-cam.com/video/v-OSTQvHMZ4/w-d-xo.html&ab_channel=TechGuy%21
@@abdulrahmanismailali1064 tf bruh
I thought I was wasting my time watching a tutorial which I knew wasn't the complete thing, but the simplicity and clarity of how you explain kept me watching until the end, totally worth it, thank you
I was going literally mad trying to learn redux. This course really explained the concept in a very simplistic way. I can look at redux now and say, hey, I know what is happening here.
Thanks Mosh. First time of watching your tutorial. Looks like the best for me so far.
totally agree
Great video! I'm a web dev intern and when we started working with Redux I was completely lost with reducers, actions, selectors, and so on... this really helped me understand.
you have this unique ability to keep people interested even if you are explaining the most dry concepts.
Fantastic explanations and examples, you made me fall in love with javascript / react / redux, that I will buy your entire course, right now I'm 49 years old but never stop learning new things, 15 years no one has made code so simple and fun, thank you very much and please please include a full course only for functional programming.....
I just have to drop this comment. Sir, you're super good. Your clean and simplified manner of teaching is second to none. You don't just code, you understand it inside-out, and still makes others understand it - Bravo!
When I start earning in this line, I'm coming back to say thank you.
I am a huge student of yours all the way from Nigeria.
This man really puts everything into the courses and TH-cam tutorials and makes everything so real simple for other developers to understand. I really thank you for this. Keep making these tutorials for everyone. 👌
Omg. This is the first time I'm going to watch a tutorial premiered. I'm 100% sure that this tutorial will be equally awesome as much as Mosh's other tutorials 😁
Mosh, you're absolutely god-like with these tutorials and deep dives. These videos are not short, but the quality of knowledge is an absolute goldmine. I will remember you forever.
If would like so say thank you very much! This is the second tutorial I've watched from you and both the tutorials are the best I've ever watched. Very straight forward, full of details, deep, with all the necessary and balanced basics. I didn't have any questions which never happened to me in other tutorials!
I bought two tutorials of yours from Udemy and I couldn't complete them there, but when I see the same tutorials here on TH-cam for free, I grasp more than 90% of it.
Thanks for making such a beautiful tutorial.
I swear to God I have been thinking for the past couple of weeks that there should be a Mosh-course on Redux so I can learn it properly! Thanks Man!
I was waiting for this. Mosh is the best instructor no matter what he teaches. Also, include reacts hook in your react tutorial.
So many tutorials out there explaining the same concept but ignoring the minute details here and there, you took out time to build up foundation and explain every word you wrote in-detail. Really helpful !! Thanks
Hey Kapil! Have you ever taken the help of any tutorial to do a project? Would you be interested exploring opportunities in web development?
Excellent presentation skills! You break down redux so eloquently that I wished something like this was uploaded much earlier. Thank you.
Hi Mosh, I am a big fan of your courses. I am following your courses from 2017 and learned so many technical concepts from your courses. Your courses help me to get a hold on Language, Frameworks, and libraries like JavaScript, ES6, Angular, React, Redux, etc.
I would like to request you to create a course on RxJS and on its applications (If possible along with Redix-observable). It would be great if you work on it and help us to master RxJS concepts so that we can apply them effectively & efficiently on real-world applications.
Thank You.
my brain is expanding watching this
Llll
Does that really help?
absolutely
Lol
Samee
You are a genius. No one can't explain redux more clear than you just did. Congratulations.
A fantastic video, as usual ! I learnt so many new things ! Now at last I’m beginning to grasp what functional programming is all about ! You have the gift of explaining things clearly. Thank you so much !
Dude! the animation and details in these courses are like no other! You really take it to another level
Yes, but he is not straight forward.
@@mecode7850 explain?
Another extremely helpful and easy to follow tutorial by Mosh. Thank you! I love the fact that Mosh goes into great detail, and even explains prerequisites required for the course (in this case, functional programming, immutability, etc.)
The clarity of this video was so refreshing. I ended up purchasing the course. We should support *quality* digital content.
Mosh, you are a true teacher! You really break things down into their most essential forms and build from there.
i’m learnig React with mosh’s react course.
After completing the course i, i’ll take this redux course👍😊
mosh’s teaching style is easy to understand even to japanese learners such as me. thanks!
頑張ってください。僕も日本でITの仕事やってます。Reactjs面白いですね。
Hi Mosh! Loving this tutorial, I really enjoy how you break things down. But - the starter files provided by the download link above do not include the functional folder you talk about at 00:49:43. Is there another link to download this?
Hey Mosh
I explained myself Ruby on Rails to people, so i know the effort that goes into these Videos. I had no clue about Redux (just the concept) and i'm thankful for this video and just want to tell you how much i appreciate the effort and love that you spend on this one. very high quality content. Great job!
Mosh you are the best instructor I've known for long in my development journey.
Thanks for this course, I 'm attending to it 3 years after but no worries, I master everything you teach.
You made it so simple for me to begin using this library that has raised questions everywhere.
I love the functional programming intro because it made me feel the foundation of the library not just cramming things up in space.
You are a great programmer!, no doubt.🤗
Huuuuugggeee respect for all of these animations + clean and clear explanations. Thank you !
I was watching your python tutorials that was the first time I watched your video.
Your tutorials are best.
Congrats on reaching 1 Million subs.
😊😊😊😊
I love to watch your videos.
🇳🇵🇳🇵🇳🇵🇳🇵
Mosh is undoubtedly one of the most well-organized instructors out here when it comes to Web Application Development Apps. Thanks, Mosh for the great work you keep doing! My only recommendation would be on the simplicity of the examples used. I think it'd be better to use more elaborate examples that come close to the real-world apps we're looking to build. That way, you don't have to go looking for other tutorials to fill in the knowledge gaps. Thanks.
Been a web dev for 12 years and I'm a huge fan of your videos! Very clear, concise, and super informative.
Highly knoweledgeable and well explained! Concepts made so simple while explaining with great visuals. I'm basically an Angular developer and most of the videos out there confuses me to the core. But this one inspite of being a React based, was so easy to follow and understand.
I feel it would be really helpful to the developers like me, if you could make another video explaining store concepts using NgRx for Angular.
Great job, Kudos!
You're really good at teaching. One of the best instructors on the internet. Can you please make some tutorial videos about database like mongodb? i hope to see more new videos from u!!!
9:05 Love this comment. Easily where so many businesses get off on the wrong foot when picking tools. Amazing advice every project manager/ developer needs to hear!
Best conceptual video. One thing that most videos miss is to deliver under the hood implementation, which is delivered masterfully here. Great work!.
i've been learning web dev for about 8 months now and Redux is the most confusing thing out of everything
Easy-Peasy (Abstracted Redux) Library will make life easier on you
Do you understand it now?
@@farshadgh2011 yes (◔‿◔)
@@zakur0hako NICE
U r So Ri8 Bro..................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
hey mosh you gets 1 million subscribers very fast after lunch redux course. that will be super exciting
I like the way you create your courses. The musics animation sound quality all these make me so relax. never tired of watching your videos. English is my second language and i should say that you are the best in explaining things. Explaining complex developing concepts in easy words is your main cons.
From the tone of your voice to the perfect word and excersices selection you delivery the message with an astonishing accuracy... Great teacher, thank you for your hard work...
Mosh , I have gone through all of your videos ,but I did not see UI based project thats why I am still unable to use redux in my reactJS project ,I learned Reactjs from tutorial which was fantastic,but I think in redux you should make CRUD Project
Did you check out his course where he integrates Redux into React?
@@neo6259 sorry we Indians need everything for free xD
@@kiranbabu9267 Your statement is not true. I am Indian. I and all my friends have paid and bought several courses of Mosh and Max.
@@saradhagirish8329 im gonna check who tf asked
@@neo6259 test
People those who disliked are either those who are jealous of his knowledge or don't have learning interests.
Please, understand someone's hardwork and respect it.
@@programmingwithmosh yes , but believe me your teaching methodology is so so amazing, no doubt. Clear cut and straight to the point explanations.
I truly respect your knowledge and hardwork from Nepal 🙏
so it's either or? Bruh you need to learn some respect.
Well said. this is not easy thing to do. If anyone not interested dont watch. I love his tutorials and learnt alot . I refer to all my friends regarding Mosh sessions. Thanks alot for his knowledge sharing and the way he explaining is commendable.
@@programmingwithmosh I wont hit dislike because you did put a lot of teaching into this tutorial, and i value that. But i came here for one and a half hours of redux, and leave with 30 mins of pretty basic redux, i think it is a great course, but a clickbait title
@@programmingwithmosh exactly
the best one ever made on redux/ react especially the introduction knowledge he give at the begging about functional programming , curry and pipe
A-MA-ZING. I'm subscribe. I do not usually make tutos. I just try to apply the knew content to the current project. But... I'm making this full as the knowledge is really valuable. Amazing. Cant say more. I can only wish you tons of fortune and money within your carer, man. Go for it
I really wish one of these really good teachers like Mosh would take a crack at teaching Redux Sagas. I know teaching the thunk pattern is probably the best and most profitable course to make since its the most popular, but Sagas are amazing, yet super confusing. There are 100 redux courses out there that teach thunks, and like 3 that teach Saga. Seems like a hole that is waiting to be filled as more companies (like my own) switch over to Sagas.
Same thoughts here. There arent many good redux saga courses
this I found to be good
th-cam.com/video/eUMbH6X_Adc/w-d-xo.html
Hahaha. I really like you Mosh. You are my motivation before I start reading books. Your python course gave me wings before I grabbed a book. You are Mr. Fix It
Mosh you really have a great talent for explaining things simply and clearly. Thank you for your videos and once I get done with my current course I will definitely take a look at one of yours.
I was following a course on Udemy and i failed to understand redux. but when i watched this video i've learnt aloooooot from the ground up. Now i can continue with the course confortably. I owe you big time MOSH HAMEDANI
Hey Mosh,
Congratulate 1 Million subscribers. See you on 10 million 😉
Mosh is a beast! He was the reason I got an A+ in my sql course, it was so confusing to me until I watched his sql 3hr video last fall. This redux video just simplified redux for me. I wish I could afford his courses 😥 Keep up the good work Mosh! 👍
Same to me with oop course
I watched his react native course and passed an interview effortlessly
The way you explain things is amazing. Just got your course. Thanks a lot !
I searched everywhere for a better explanation for redux and this one is the best. Now I can understand what happen in the background. Thank You Mosh!😇
I've finish this course for month, It was worth.
currying blew my mind. never knew you could do that with js
A++ Tutorial right here! Purely classic - amazing instruction! Thank you so much!!!
Hello Mosh, I really am happy that I found this channel and your courses. Keep it on! plus, you have a great accent which makes your videos more understandable than many other.
Hey Mosh, do you have any plan on making an ASP.NET Core 3.1 and React course? I really love your videos, you are the only one I can understand on youtube.
I've been putting off learning redux for a while now, but I guess I'll have to do it now. 👣🧠🤓
Hi from Colombia man! Thank you so much!!!
I am completelly a noob with this library, so I will take the full course.
I hope you have also a full real-life project (like the shopping cart in this video) using more technologies with this one, like React. It will help us a lot.
Again, Muchas gracias :)
Awesome!!! This is one of the best tutorial videos I have ever watched. Thanks a lot.
Can't Wait.. super excited for this. ✌ Also, 1M subs after this Premier👍
Hi Mosh, I downloaded the redux-starter project from the description under your video but it doesn't contain the functional folder, as you mention in the video. Where do I find this?
Same here bro!
what a fantastic course!, for the past 1 month i was skipping redux entirely from my project and just define new state all over the place. After I saw your course, i can truly understand redux concept. Can't Thank you enough ✌
Thank you for this course Mosh. It is so helpful. I recently joined a company and wanted to quickly start working on a redux project. I was not at all aware of what redux is. But after going through this course i have very good understanding of Redux.
So far this is one of the best tutorials I found on redux in a beginner friendly way. Hats off to you man for providing such contents for free.
Hi Mosh. Thanks for this really great tutorial. I am learning Redux for React Native and also looking at its implementation in Xamarin (C#). I have a correction though. At 1h.11m The reducer you made is not a pure function based on what you mentioned in the beginning and the principle of pure function, due to you using and modifying the external variable lastId. Pure functions should not depend on any external variables and change any external variables. I implement this logic of lastId in the action creator instead. Or is there something I missed or didn’t understand correctly? Thanks again. Best regards. Ali
Came here to say this!
Exactly. If you would undo and redo a "bugAdded" action, the second added bug would get a higher ID. This shows how hard it is to write pure functions in a language that doesn't enforce it, and also that Redux doesn't verify or really require that reducer functions are pure (but there will be bugs in your application if not).
An absolutely great video/course man.
I'll definitely check out the full course after this and get it for sure! Keep up the great work buddy!
You explain any concept in a simplistic way and the present it beautifully in the slides. Great work!
Hey Mosh, how are you? Reminder is set and all set to watch and be amazed with your new Redux course. Thank you so much mosh.
@@programmingwithmosh i watch the tutorial, and i am amazed how you simplified the redux. i remember learning react it was very fun and again you made it mosh. I was learning redux from another tutorials but they just show how to use it in projects but no one explained why and when. Mosh once again you have amazed me with your skills of teaching, i would recommend this course to every beginner in redux.
1:14:40 The reducer is not a pure function, the id of the bug will change every time you add a new bug, you are using a global variable inside the function, which doesn't make it a pure function.
The id is predictable because it changes by incrementing the previous id. If it was generated by an external UUID library or by randomizing, then you can say it's not pure
I learn a lot from the other content creators on youtube and udemy. But, I've learn a more from just your single videos! and you explanation is clearly! Thank you for your content! After I finish learn on udemy I'll go to your course!
In 1:09:37 Creating a Reducer, for action type "bugAdded" we are accessing a variable outside the function i.e., id and each time it is called the value of id is going to be incremented right. So is that reducer still a pure function? Are we not running into a confusion at that part?
Thank you Mosh for this excellent course! However, at 1:15:34, is the reducer function really pure? I thought it depends on the value of {lastId} which is defined globally.
It's definitely not pure. However, later in the paid course, that variable gets replaced by an ID provided by a back-end server. The ID is passed to the function as part of the `action` parameter, making it pure. Until then you can just "pretend" that the ID is just a unique number that comes with the bug object.
Correct, that reducer was *definitely* not pure. I just about had a hemorrhage reading that code after all that hullabaloo about pure functions, especially when he wrapped up that section about how he had previously talked about pure functions having consistent output based on consistent input, yet it relied explicitly on global state instead of inferring the next correct ephemeral ID from the current state (assuming autoincrement and not a UUID style ID system). 😅
@@christopherk4166 ... right. It's good to have a simpler demo that then is fleshed out further later. But since he was teaching pure functions, he should have just either left that ID empty or inferred it from the current state _and then later_ removed it so that the server could handle it (i.e. a new autoincrement or UUID).
Why there is no love react button for likes :) , I wanted to give that reaction for this wonderful session. This session really helped me a lot . Thank you sir .
that functional programming section was amazing, thanks!!
Hey mosh! It's really good to see you after while. Hope you doing great.
By the way I'm glad that you made video and course for us during this homy days. Loving it enjoying it.
In the reducer function, isn't the variable lastId you introduced at 1:11:00 a global variable? I thought you mentioned the reducer as a pure function should not rely on a global variable.
Yeah, I caught that too. The function is no longer stateless. I feel like a better solution would be to scan the existing state and add one to the max ID
Thank you Mosh for this great course. I am curious, what font are you using for coding this course?
"FIRA CODE"
@@dgshinoda Thanks for the response. But it's too late :D
Great video Mosh, congrats! You show everything in a simple way to understand Redux.
The video is best if you want to clear out all the fundamentals and basics of Redux which will give you a boost to start working on several beginner to advance level projects. It is by far one of the best videos i have watched on redux. Thanks a lot Mosh!
Really Mosh deserve 5M subscribers..
who are agree with me hit likes..
I have a single heart and you have won it every-time .
#Respect #mosh
I just purchased the course because it's I like the way you explain things and most importantly your clean code.
Please keep doing the great courses.
Thanks
Mosh saves the day again! Thank you! You are such a skilled teacher.
I can't believe this course is free. I hope Mosh finds a good way to monetize this and other such good videos. Thank you Mosh
Wow just when i thought i wanna learn redux
Thanks Mosh. This video, for free, alone cleared so many doubts I had about redux. Keep up the good work.
Mosh is my favourite living human being.
@@programmingwithmosh
You are awesome!
1:14:58 Actually because of id: ++lastId the reducer is not a pure function.
I just thinking the same thing.
Yes I am on the same page
wow, I thought I knew JS fairly well, at an intermediate level. But Mosh just reminded me that I have been using things semi-blindly. Watched half the video and it's been really good! I hope I'll come to understand redux as much as the people here in the comment section.
Amazing free tutorial, thank you so much!
After watching this I feel more confident in my skills to continue my project : )
57:34 Intro to Redux starts there. Previously is an introduction about functional programming, currying, ...
Thanks buddy
When you wanna launch your react Native course I am eagerly waiting for this...
Plz upload early..
@@programmingwithmosh Thanks a lot Sir..
This was the best 1 hour class to get me started
Thanks for the great content. Are you sure that the reducer in the example is a pure function? It has a dependency on "lastId", which is not managed in the state, or am I missing something?
If i had wife i would adopt Mosh , he looks like genuinely good guy ...
lol
That's just weird
*TIMESTAMP*
0:00:00 Introduction
0:01:02 What is Redux?
0:03:20 Pros and Cons of Redux
0:08:49 Is Redux for You?
0:11:18 Setting Up the Development Environment
0:13:07 Course Structure
0:15:32 Function Programming
0:15:59 What is Functional Programming?
0:17:25 Functions as First-Class Citizens
0:20:33 Higher-order Functions
0:22:06 Functional Composition
0:25:45 Composing and Piping
0:28:08 Currying
0:34:17 Pure Functions
0:37:08 Immutability
0:41:22 Updating Objects
0:45:56 Updating Arrays
0:49:51 Enforcing Immutability
0:50:56 Immutable.js
0:54:36 Immer
0:57:30 Redux Intro
0:57:55 Redux Architecture
1:02:58 Your First Redux Application
1:04:43 Designing the Store
1:06:10 Defining the Actions
1:09:37 Creating a Reducer
1:15:50 Creating the Store
1:17:16 Dispatching Actions
1:20:02 Subscribing to the Store
1:22:10 Action Types
1:26:03 Action Creators
1:29:01 Exercise
1:29:18 Solution
Thank you Mosh for this amazing tutorial. Now the concept is clear to me.
This is the simplest and most complete redux tutorial so far!
"if all you have is a hammer, everything looks like a nail" 😀😀
Proceeds to beat the frick everyone