Learn React Redux with Project | Redux Axios REST API Tutorial | React Redux Tutorial For Beginners

In this video we are going to learn about React - Redux by build a project from scratch. This video course is specially if you are planning to learn React with Redux State Management library as a beginner. We will build a fake ecommerce store using fake APIs.
You will find the topics covered in the timestamp below.
Node.js: The Complete Guide to Build Backend Projects [2023]🔥
Link - www.dipeshmalvia.com/courses/...
**Github link for Reference**
github.com/dmalvia/React_Redu...
⭐️ Support my channel⭐️
www.buymeacoffee.com/dipeshma...
**React Roadmap for Developers in 2021**
How to Learn React JS ? - • React JS Roadmap for D...
React Fundamentals Project - • Learn React JS Fundame...
**Checkout these video to understand better**
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...
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:20 - Application Demo
0:01:33 - Pre-requisite packages installation and Setup
0:04:03 - Redux installation and Setup
0:04:30 - Understanding Redux Lifecycle Methods
0:05:09 - React/Redux Project Structure
0:04:45 - Understand React App Folder Structure
0:06:35 - Create Redux Action Types
0:07:50 - Create Redux Actions
0:09:55 - Create Redux Reducers
0:13:34 - Create Redux Store
0:14:52 - Add Redux Dev Tools
0:15:31 - Connect React with Redux
0:18:10 - Create React Components
0:21:38 - Add Routing to project
0:24:03 - useSelector to access state
0:28:39 - Use Axios for Redux API Call
0:31:15 - useDispatch to dispatch action
0:32:33 - Update the Redux Store
0:33:51 - Understand Redux Dev Tools
0:34:30 - Render products listing page
0:33:26 - Product Detail page
0:47:48 - Select and Remove Action Types
0:51:00 - Outro
**More videos**
JSON Crash Course - • Learn JSON in 25 Minut...
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: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
- React Redux
- React Redux Tutorial
- React Redux Crash course
- React Redux Project
- React Redux For Beginners
⭐️ Hashtags ⭐️
#React #Redux #Beginners#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.

[@toannew]

1:57 npm install axios npm install react-router-dom 3:39 semantic ui 4:15 npm install redux react-redux 9:52 actions.js 15:03 redux dev tool extension 48:01 fix the problem of appearing the previous selected product

[@navpreetsingh8012]

Hi need help! Each hit cause double action.. i.e. SET_PRODUCTS, SELECTED_PRODUCTS etc. Called twice for each click. Please help in that

[@212aleksa]

@@navpreetsingh8012 not sure but it can be strict mode that's causing that

[@JaiShreeRam5964]

Every think is working fine but after refershing the page i am getting an error Uncaught TypeError: Cannot read properties of undefined (reading 'map')

[@MrBox4soumendu]

Was looking forward to a really well structured and straightforward material to learn Redux, and this is what I was expecting. Thanks a lot, Sir!!! Please do continue helping us.

[@akashsuna5160]

I have seen lots of youtubers just going through basics without going in depth practical implementation when it comes to redux but this tutorial really helps me grasping the most out of it

[@sergiosotelo9675]

Dude, this video was an excelent way to remember how all of this works! Amazing work! Thank you!

[@mdirshath4174]

Thanks man, I've been searching a lot for a clear and clean tutorial about redux. Finally i got my doubts cleared from this video. Great work!!!

[@haluskua1947]

Yessss! very clear and I appreciate the folder structure you have. It is intuitive and well organized!

[@sivagiri8909]

this is the video which i have seen several times in recent days. The react, redux and your cool explanation deserve more than thanks..

[@lyntechi4440]

I really enjoyed this video. You explained everything so well. Redux is complex but the way you teach makes it so much easier to understand. I have used redux in previous projects of mine but just needed a refresher. Thank you!!!

[@cpwithtausif4866]

good to see that

[@jurgensubat2827]

Many many thumps up! Great and for that topic short tutorial with all what I need to start. It would be great if you can make a second part and explain more about how react and redux working together.

[@trishnangshugoswami5400]

Thank u so much, I went through a lot of videos, tutorials, and docs, but no one does any practical implementation like yours. It's very much helpful for me. The way you explain redux without throwing jargon is very very useful. The whole basics of redux is clear in my head now. Thanks a lot again for making awesome content.

[@DipeshMalvia]

Glad it helped!

[@sofiasaiethoraieva2387]

Дуже наглядний посібник для вивчення Redux. A very clear guide to study Redux. Thanks.

[@bmejia220]

Awesome video, Dipesh. You are great teacher, very clear in communication and code. Thank you for sharing.

[@dhruvchauhan5768]

I have watched several react redux video to get basic understanding and flow of redux but could not get it and the videos were very long , thank you for making this video. Sir you have made this video in such a way that it is so easy to understand. I would recommend this video to everyone who is learning react.Thank you sir !!

[@akshaykumarolekar2493]

You explained everything so well. Redux is complex but the way you teach makes it so much easier to understand. thankyou

[@pooulad]

Thank you very much for this complete and practical tutorial. I was looking for a solution but no one explained it so well. Your friend from Iran ❤👌

[@mohammadfarhad3167]

Great job dude. This helps me a lot to understand react redux. Thank you.

[@gireeshkumar8726]

I have seen a lot of videos about redux everyone explaining only increment and decrement operations but after watched this, I got clarity about redux on larger applications and one more thing the way of explanation is too good enjoyed it keep rock bro😇

[@sidharthjain2776]

One of the most explanatory video on react redux. Thank you for providing such a good explanation. Eagerly waiting for redux-thunk video.

[@umamaheshmeka1032]

Fantastic Dipesh !!! your teaching skills are really good. I have been a trainer from past 8 years, but couldn't find an easy way to explain redux. Finally, your 50 min video solved my problem. Thanks a ton !!!

[@DipeshMalvia]

Thanks a ton! Good to hear!

[@geebsayshi]

I have watched tonnes of videos on react redux, I have to say this is one of the best. So captivating. It was a case of you blink you miss. There was no confusion. Everything was so clearly explained. 51 minutes with other videos was a lot but with this one it happened so fast. Thank you for everything. You got a new subscriber.

[@DipeshMalvia]

Wonderful!

[@brianryan4053]

I watched three hours videos and understood nothing. This video is a very dynamic and very easy to understand

[@Sergio-di1jt]

yeah. he is amazing teacher

[@l.seciltuncay7921]

Thank you for your effort Dipesh! best video of all!

[@mjbx5923]

So Smooth 😻 I thought react-redux is Hard to understand But after watching this tutorial, it's not that much hard Thanks!! Waiting.. for more Tutorials

[@DipeshMalvia]

Glad to hear that!

[@balawantkadam1062]

Thanks ❤. Now I understand react redux proper from start to end. 🙏

[@orhantornaci]

Thank you sir, That is an amazing and clear tutorial, please upload more projects like this

[@thex5games804]

Thank you sooooo much....You have just cleared all my confusions about redux. Actually You make me learn Redux by this single video. salute

[@qwarlockz8017]

That was so cool! You are brilliant! It was fun! Entertaining! and really informative. I have subscribed and I look forward to watching a lot more of your videos!

[@DipeshMalvia]

Awesome! Thank you!

[@gigingugi6694]

This is an Awesome tutorial. I've learned a lot and it's very helpful. Thank you.

[@cristianmachuca8762]

Awesome! in 50 min you have been so clear! Now I got better React ideas. Thank you so much!

[@DipeshMalvia]

Great to hear!

[@romimaximus]

Awesome clear explanation..!!! you are a great teacher, thankx for sharing..!!! 😎👍

[@rahulkulkarni9653]

This video is an eye-opener for me thanks, buddy ......... waiting for more videos like this

[@prashantmishra5691]

Oh its definitely Subbed my friend. Thanks for putting out great react-redux content. Marvelous!

[@DipeshMalvia]

Thanks for the sub!

[@jovanvukomanovic1527]

Not one of the best, it is actually THE BEST REDUX VIDEO! Thank you for sharing your knowledge! Greetings from Serbia!

[@paschalynukwuani6930]

Thank you, this explanation is very clear, even a begginner can grasp a lot in one go.

[@yusufaltundal3482]

This video and your way of explaining is very clear and simple. Thanks for amazing contents!

[@JustLookA7]

Great tutorial! I was having a bad time learning Redux. This has solved a lot of my doubts. Subscribed :)

[@DipeshMalvia]

Thanks for the sub! Glad it helped!

[@kwsanders]

Fantastic tutorial! This helped me learn a lot about using Redux with React.

[@DipeshMalvia]

Great to hear!

[@pulkitnangia5788]

This is one of the best video on Redux i have watched on youtube. Thanks a lot. Please create more project videos like this. Please create a project on making POST request to any api also (some CRUD operation application if possible so that data also persists after reload)

[@chandukhaleja]

Dude, I can't believe I have gone through this video in a single go without any distractions. Such an awesome refresher video for redux and Thanks a lot. Keep coming up with more videos on React and Redux.

[@DipeshMalvia]

Glad you enjoyed it!

[@mohammadhasandaneshvar]

me too :))

[@calvinlyle9437]

i realize it is kinda off topic but do anyone know of a good website to stream new series online?

[@alvaroporter4584]

@Calvin Lyle ehh I use flixportal. You can find it if you google:P -alvaro

[@calvinlyle9437]

@Alvaro Porter thanks, I went there and it seems like a nice service :D I really appreciate it!!

[@chaudharybabu]

Very well explained about using redux in react app. Keep up the good work.. thanks.

[@ramkumark8901]

You are awesome man !!!! You made things very easy to understand. Completely impressed with your tutorials!

[@DipeshMalvia]

Thanks for such appreciation. The channel needs such words to grow.

[@spotnuru83]

Nice Article, learnt basics about Redux.. thank you once again

[@mehtabahmed6092]

Got grip of redux because of you, thank you so much!

[@rukeshreddy453]

I really appreciate the way you explain about React Redux. Such a clarity video that every one needed. Take a bow

[@puneetgupta3198]

Thank you so much. This is a great video for understanding redux even though every second of the video is knowledgeable.

[@anonymousa3816]

49:28 from here the knowledge was really valuable, it tells how to destroy the product when we move to another page good job! Learning never stops

[@harshaniwanigasekara901]

Thanks a lot.. this was so helpful to understand redux easily...-)

[@javadmohammadi3943]

thanks a lot, man you"re the best

[@princerajput6709]

i watched this video for tomorrow interview,Appreciate your efforts. It helped me to refresh my redux concepts. Thanks 🤩

[@amanaryan8992]

Thank you for this amazing video, I was struggling to learn redux. but now I can say I know redux after watching this video.

[@anushka3018]

Thankyou so much for this awesome video...my concepts got cleared

[@aqib8306]

Top-quality content!!

[@yogeshvishwakarma1260]

Great and one-shot video. The channel code evolution make me to understand redux and your channel make me how to use redux.

[@ashwin134]

Best teaching mate just loved it you have a loyal subscriber

[@user-gt7nm9iw4c]

Nice video brother to understand redux from basic, keep it up👍

[@shubhamsoni9683]

Man!!! You Nailed it

[@shahmd.mostakim5017]

Really helped a lot. A big RESPECT! 🌹

[@jorgecuza9848]

keep up the good work! your vids are helping a lot of student programmers!

[@DipeshMalvia]

Happy to hear that!

[@krishnaprasad_k]

Thanks ❤️ very helpful

[@mikerodrigues3530]

Your way of of teaching is too good .... than the other youtubers .... thanks bro :)

[@pratikswvk]

Thanks a lot..highly informative 👍

[@doglezcode]

Thank you so much, this tutorial you made has really is awesome

[@DipeshMalvia]

Glad it was helpful!

[@fabrzy3784]

If anyone stumbles across this video now, the react-router-dom is now using {Routes} instead of {Switch} and as a parameter it doesn't accept component={} instead it's element={}

[@DipeshMalvia]

Thanks Fabrzy for adding this.

[@samriddhichhetri5783]

Thanks, bro for informing about Routes that we can use instead of Switch. Now my error has been resolved.

[@hirensoni7636]

but does his git code working on your system?

[@reyesdf]

brooooo! thank you so much for the tutorials!!!! got my first dev gig because of you!

[@DipeshMalvia]

Great to hear!

[@kaushikdas1366]

very simply explained the redux api..Its really helpful to me.....thanks a ton

[@happiguruman]

Great job. I really got mastery of the to and fro of how redux works. Thank you!

[@DipeshMalvia]

Glad it helped!

[@shubhamdubey3008]

One of the best video ever. Totally outstanding

[@princechijioke247]

God bless you for this video!!!

[@prabhuofficial6072]

React redux you made so easy . I spent lot of time to understand react redux but this tutorial of u made it so easy . Thanks

[@DipeshMalvia]

Glad to hear that

[@techcoderdev4280]

Just amazing video and also helpful content.

[@arielvardy2269]

I really enjoyed Dipesh's demeanor (calm, positive), and it was a solid walkthrough. That being said, I am really jealous of all these over-the-top positive comments. I didn't notice many explanations, mostly I was just told to copy his code. So if he explained stuff to the rest of yall that made redux made sense, I missed that part. As I did my best to follow, my code kept throwing errors and had different formatting, and I was at a total loss to understand where these errors came from. Not understanding the code made debugging difficult. I found myself copying his code provided as my debugging strategy, and at times, I was so lost, that somehow the bugs/errors persisted after I thought I had thoroughly replaced my code with his.

[@eliasimokhai]

specifying the errors/bugs you encountered would help to give appropriate assistance

[@jaydeepgoswami909]

I belive this video is not for beginner level, before watching this we must have basic knowledge of redux. Moreover it felt like to learn a pattern to code with redux then the actual redux core concepts. So I recommend to watch any other video if we have no idea about redux or on how it works.

[@Sergio-di1jt]

best redux tutorial ever. new subscriber

[@doshiparth4631]

Very useful video, many useful concepts Cover, thanks for sharing knowledge. Keep it up

[@sivamani6358]

Awesome.. Your teching way is pretty good

[@BalwantSingh-jk4sz]

i was surfing KZbin for Redux for many das found this best

[@uxitries2play599]

So Good. Thanks for this video.

[@afikhan5782]

the project was smooth, Thankyou Deepesh.

[@mohammedelhoussni]

amazing video thank you a lot

[@willyhorizont8672]

thank you its helpful

[@jitendhimmar6586]

Best tutorial on redux so far

[@vssrikanthgarnepudi5952]

Wonderful tutorial. Can you make a video on dynamic html table, which means adding rows dynamic ally, updating and inserting the data.

[@alidener]

amazing informations! thank you so much..

[@veeruveera1120]

Bro, Thank you for nice video and explanation... I'm a new subscriber.

[@daniabuaf]

Outstanding tutorial, my friend!!!! Thanks a lot for the refreshment

[@DipeshMalvia]

Welcome Daniel!

[@hassanribery3093]

the finest tutorial on redux. Thank You

[@DipeshMalvia]

Wow, thanks!

[@seya1754]

This video is so straightforward. I love it!

[@DipeshMalvia]

Thanks!

[@architkumar-vx8wt]

Best Video About Redux on YT

[@rizwanullah6304]

Thanks a lot sir its very helpfull really

[@marwanolii6749]

Thank you for this amazing video!

[@DipeshMalvia]

Glad you liked it!

[@aboobakkarseethy]

Very useful vedio.Thanks

[@babakdorani5914]

Ohhhhh my god . It was amazing ❤️❤️❤️❤️❤️

[@pateljay5351]

Greate explained about redux bro ❤️

[@KaramSahu]

Nice Tutorial Dipesh, Really loved it. Can you guide on how to implement pagination with API ? i have server side pagination already implemented. Thanks

[@dineshkumar1166]

the session is good, while using route you can explain what route is in single line, in similar way use can say about useeffect. so whenever you are adding something, just explain in single line to continue the session

[@marikiedward]

Great! Simple and very clear, thanks for sharing

[@DipeshMalvia]

Glad it was helpful!

[@usmanqasim7948]

Thanks Dipesh Malvia, For providing us the source code to study further and understand the concept by changing your source code. Short and to the point video. i am searching this type of video from a long time. Thanks again.

[@DipeshMalvia]

It's my pleasure

[@zakariabelassal1410]

Great Video !! I just have some notes from your video !! you dont have to do CombineReducers for the fact that your actions are very simple !! I did the same with only one Reducer to simplify things !! But people will follow along and will get along with Middlewares !! That's why you urged to write combineReducers !! Ohterwise Its a really great video and very useful to apprehend well the knowledge !!

[@duredurrani]

Anyone wants to learn redux just go for this vide. Nice explanation 🔥

[@kausarshaikh4625]

Very nice tutorial, thank you.

[@SAMEERKHAN-nd7ti]

excellent....! 21 topo (21 cannons) ki salami apko.

[@jewelchowdhury9752]

Great explanation sir, you deserve more than thanks.

[@DipeshMalvia]

You are most welcome