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

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 773

  • @toannew
    @toannew 3 ปีที่แล้ว +54

    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
      @navpreetsingh8012 2 ปีที่แล้ว

      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
      @212aleksa 2 ปีที่แล้ว +1

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

    • @JaiShreeRam5964
      @JaiShreeRam5964 ปีที่แล้ว +1

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

  • @geebsayshi
    @geebsayshi 3 ปีที่แล้ว +59

    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
      @DipeshMalvia  3 ปีที่แล้ว +4

      Wonderful!

    • @brianryan4053
      @brianryan4053 2 ปีที่แล้ว +3

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

    • @Sergio-di1jt
      @Sergio-di1jt 2 ปีที่แล้ว +2

      yeah. he is amazing teacher

  • @rakibulhasanasif2120
    @rakibulhasanasif2120 2 ปีที่แล้ว +7

    In 33:38 min, Don't get confused guys. just change,
    This line,
    const products = useSelector((state) => state);
    to
    const products = useSelector((state) => state.allProducts.products);
    Thank me later. Maybe somehow that part was cut.

  • @akashsuna5160
    @akashsuna5160 3 ปีที่แล้ว +23

    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

  • @trishnangshugoswami5400
    @trishnangshugoswami5400 3 ปีที่แล้ว +13

    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.

  • @fabrzy3784
    @fabrzy3784 3 ปีที่แล้ว +29

    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
      @DipeshMalvia  3 ปีที่แล้ว +1

      Thanks Fabrzy for adding this.

    • @samriddhichhetri5783
      @samriddhichhetri5783 3 ปีที่แล้ว

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

    • @hirensoni7636
      @hirensoni7636 ปีที่แล้ว

      but does his git code working on your system?

    • @CK-ir2ke
      @CK-ir2ke 2 หลายเดือนก่อน

      And redux also got deprecated

  • @umamaheshmeka1032
    @umamaheshmeka1032 2 ปีที่แล้ว +6

    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
      @DipeshMalvia  2 ปีที่แล้ว

      Thanks a ton! Good to hear!

  • @sofiasaiethoraieva2387
    @sofiasaiethoraieva2387 3 ปีที่แล้ว

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

  • @arielvardy2269
    @arielvardy2269 3 ปีที่แล้ว +4

    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
      @eliasimokhai 3 ปีที่แล้ว

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

    • @jaydeepgoswami909
      @jaydeepgoswami909 3 ปีที่แล้ว

      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.

  • @currenttoff1753
    @currenttoff1753 2 ปีที่แล้ว +3

    Thanks Dipesh, it was really good for refreshing my Redux concepts
    If you are struggling with React Router V6 then just replace the code in App jsx with the below code and it will work for you
    function App() {
    return (





    404 Not Found


    );
    }
    PS: import what u have used
    import { BrowserRouter, Routes, Route } from "react-router-dom";

    • @joker-jc7ug
      @joker-jc7ug 2 ปีที่แล้ว

      That's why my code was not running thanks for great help

  • @lyntechi4440
    @lyntechi4440 3 ปีที่แล้ว +8

    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!!!

  • @reyesdf
    @reyesdf 3 ปีที่แล้ว +4

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

  • @mjbx5923
    @mjbx5923 3 ปีที่แล้ว +23

    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

  • @rukeshreddy453
    @rukeshreddy453 10 หลายเดือนก่อน

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

  • @ramakrishnapalli809
    @ramakrishnapalli809 3 ปีที่แล้ว +2

    I have come across many videos but this video done the job for redux. Well done bro keep it up

  • @oleksandrmykhailov2668
    @oleksandrmykhailov2668 2 ปีที่แล้ว +30

    in case you struggling with react-router-dom, they had updates, so you need to do it like that :

    • @zakazaka2957
      @zakazaka2957 2 ปีที่แล้ว

      I just installed a version of rrd like on video )

    • @gauravpatil7977
      @gauravpatil7977 2 ปีที่แล้ว

      getting error with switch, what should be used instead of it?

    • @MihirBaidya
      @MihirBaidya 2 ปีที่แล้ว

      @@gauravpatil7977 use react-router-dom @5.2.0

    • @ahmedragab-sd5jy
      @ahmedragab-sd5jy 2 ปีที่แล้ว +2

      @@zakazaka2957 replace with and replace the import too

    • @KeeganLeary
      @KeeganLeary 2 ปีที่แล้ว

      thank you!

  • @chandukhaleja
    @chandukhaleja 3 ปีที่แล้ว +21

    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
      @DipeshMalvia  3 ปีที่แล้ว +1

      Glad you enjoyed it!

    • @mohammadhasandaneshvar
      @mohammadhasandaneshvar 3 ปีที่แล้ว

      me too :))

    • @calvinlyle9437
      @calvinlyle9437 3 ปีที่แล้ว

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

    • @alvaroporter4584
      @alvaroporter4584 3 ปีที่แล้ว

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

    • @calvinlyle9437
      @calvinlyle9437 3 ปีที่แล้ว

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

  • @bhavanigudala3345
    @bhavanigudala3345 2 ปีที่แล้ว +1

    This video helps me to implement redux so easily, I cracked up so hard watching this is one of the best compilations I’ve seen the great video

  • @cristianmachuca8762
    @cristianmachuca8762 3 ปีที่แล้ว +3

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

  • @akanshapanchal7107
    @akanshapanchal7107 2 ปีที่แล้ว +1

    The best video on youtube for leaning redux. Thankyou.

  • @box4soumendu4ever
    @box4soumendu4ever 3 ปีที่แล้ว +4

    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.

  • @sergiosotelo9675
    @sergiosotelo9675 3 ปีที่แล้ว +5

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

  • @prashantmishra5691
    @prashantmishra5691 3 ปีที่แล้ว +1

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

  • @Sergio-di1jt
    @Sergio-di1jt 2 ปีที่แล้ว +1

    best redux tutorial ever. new subscriber

  • @jovanvukomanovic1527
    @jovanvukomanovic1527 ปีที่แล้ว

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

  • @rrkrockstarraja3425
    @rrkrockstarraja3425 2 ปีที่แล้ว +2

    I am big fan for your teaching and steps wise..................

  • @mdirshath4174
    @mdirshath4174 3 ปีที่แล้ว +1

    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!!!

  • @dhruvchauhan5768
    @dhruvchauhan5768 2 ปีที่แล้ว

    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 !!

  • @tupapa7642
    @tupapa7642 2 ปีที่แล้ว +1

    Dipesh this is an absolutly astonishing tutorial thanks!

  • @digitalnomadprabhu
    @digitalnomadprabhu 3 ปีที่แล้ว +2

    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

  • @anonymousa3816
    @anonymousa3816 2 ปีที่แล้ว

    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

  • @boomerang2933
    @boomerang2933 3 ปีที่แล้ว +1

    Really like others says i also gone through lot of react tutorials but your this one is really stands up super bro.

  • @kwsanders
    @kwsanders 3 ปีที่แล้ว +4

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

  • @haluskua1947
    @haluskua1947 3 ปีที่แล้ว +5

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

  • @qwarlockz8017
    @qwarlockz8017 3 ปีที่แล้ว +2

    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!

  • @codingwithanonymous890
    @codingwithanonymous890 3 ปีที่แล้ว +1

    reading from docs was not that easy but u explained it in so easy way thank you sir

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว +1

      That's true I can imagine as at some point I had the same problem ☺️

  • @pulkitnangia5788
    @pulkitnangia5788 3 ปีที่แล้ว

    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)

  • @sivagiri8909
    @sivagiri8909 3 ปีที่แล้ว

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

  • @ronakkela
    @ronakkela 2 ปีที่แล้ว +1

    Every university requires Professor (Lecteror) like you!
    so much confusion regarding redux but this time concept has been cleared,
    Thank you!!!

    • @DipeshMalvia
      @DipeshMalvia  2 ปีที่แล้ว

      You are most welcome, don't forget to Subscribe, like and share with friends.

  • @happiguruman
    @happiguruman 3 ปีที่แล้ว +1

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

  • @tanaytapanshu9839
    @tanaytapanshu9839 3 ปีที่แล้ว +1

    Thanks for the Video , It has cleared all my basics for react redux

  • @brianryan4053
    @brianryan4053 2 ปีที่แล้ว +2

    This video is the best re React development with Redux and hooks

  • @mikerodrigues3530
    @mikerodrigues3530 3 ปีที่แล้ว

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

  • @daniabuaf
    @daniabuaf 2 ปีที่แล้ว +1

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

  • @doglezcode
    @doglezcode 3 ปีที่แล้ว +7

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

  • @gireeshkumar8726
    @gireeshkumar8726 2 ปีที่แล้ว

    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😇

  • @vickygupta4263
    @vickygupta4263 2 ปีที่แล้ว +1

    Best video to understand redux! Thanks for your efforts.

  • @jewelchowdhury9752
    @jewelchowdhury9752 3 ปีที่แล้ว +6

    Great explanation sir, you deserve more than thanks.

  • @seya1754
    @seya1754 3 ปีที่แล้ว +1

    This video is so straightforward. I love it!

  • @umamaheswari7400
    @umamaheswari7400 3 ปีที่แล้ว +1

    Seriously sir, Got so much of confusion in learning redux. How to use redux when api call etc. etc. Finally I end up with your tutorial of learning redux. Thanks for the clarity in redux you gave via this project. This really nice for whoever trying to learn redux. Personally I learned a lot.

  • @ramkumark8901
    @ramkumark8901 3 ปีที่แล้ว +1

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

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

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

  • @hassanribery3093
    @hassanribery3093 3 ปีที่แล้ว +3

    the finest tutorial on redux. Thank You

  • @duredurrani
    @duredurrani 3 ปีที่แล้ว

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

  • @maruthiprasad1452
    @maruthiprasad1452 3 ปีที่แล้ว +2

    Excellent tutorial for Redux.. great work.. thanks a lot..

  • @HSTrejoLuna
    @HSTrejoLuna 3 ปีที่แล้ว +1

    Great, you deserve more subscribers!

  • @SAMEERKHAN-nd7ti
    @SAMEERKHAN-nd7ti 2 ปีที่แล้ว

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

  • @aravindsanjeev4150
    @aravindsanjeev4150 3 ปีที่แล้ว +1

    So I stumbled across this API and then started creating an ecom store with it. I had this problem of previous product still being in state and googled so. Here I am. :). I wish you go further and do login and add to cart and stuff. :)

  • @rahulkulkarni9653
    @rahulkulkarni9653 3 ปีที่แล้ว

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

  • @BalwantDhanda
    @BalwantDhanda 2 ปีที่แล้ว

    i was surfing TH-cam for Redux for many das found this best

  • @architkumar-vx8wt
    @architkumar-vx8wt 2 ปีที่แล้ว

    Best Video About Redux on YT

  • @l.seciltuncay7921
    @l.seciltuncay7921 2 ปีที่แล้ว

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

  • @ashwin134
    @ashwin134 3 ปีที่แล้ว

    Best teaching mate just loved it
    you have a loyal subscriber

  • @JustLookA7
    @JustLookA7 3 ปีที่แล้ว +1

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

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

      Thanks for the sub! Glad it helped!

  • @usmanqasim7948
    @usmanqasim7948 3 ปีที่แล้ว +1

    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.

  • @venkateshprasad7488
    @venkateshprasad7488 3 ปีที่แล้ว +2

    Absolutely Superb, This Video helped me out to understand redux in better manner.. Thanks a lot

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

      Glad you enjoyed 😊

    • @LaboTechnology
      @LaboTechnology 3 ปีที่แล้ว

      @@DipeshMalvia But the api is not working now

  • @miguelangelteletor94
    @miguelangelteletor94 2 ปีที่แล้ว +1

    thanks From Spain, very clean and good tutorial.

  • @amanaryan8992
    @amanaryan8992 2 ปีที่แล้ว

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

  • @hardylutula2774
    @hardylutula2774 3 ปีที่แล้ว +1

    This video really made Redux easy.. Thanks a lot Dipesh

  • @cCubify
    @cCubify 16 วันที่ผ่านมา +1

    I love you dude, thanks so much!

  • @prakritisagar5007
    @prakritisagar5007 2 ปีที่แล้ว +1

    in routing: instead of Switch, use Routes.
    and instead of ""
    use : "" according to new version of react.

  • @bantartrisnaardhi6500
    @bantartrisnaardhi6500 3 ปีที่แล้ว +1

    it was really helpful for me as a beginner in react development

  • @sajidahamed5867
    @sajidahamed5867 ปีที่แล้ว +1

    😍😍 Thank you man, awesome tutorial for the beginners.

  • @thex5games804
    @thex5games804 3 ปีที่แล้ว

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

  • @spotnuru83
    @spotnuru83 2 ปีที่แล้ว

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

  • @princerajput6709
    @princerajput6709 2 ปีที่แล้ว

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

  • @shubhamdubey3008
    @shubhamdubey3008 2 ปีที่แล้ว

    One of the best video ever. Totally outstanding

  • @mehtabahmed6092
    @mehtabahmed6092 3 ปีที่แล้ว

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

  • @paschalynukwuani6930
    @paschalynukwuani6930 ปีที่แล้ว

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

  • @thebreakoutchaser
    @thebreakoutchaser 3 ปีที่แล้ว +1

    Your Tutorials are very helpful... Thanks
    (switch replaced with Routes)

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว +1

      Yes, will soon release a new video with the Router v6.

    • @thebreakoutchaser
      @thebreakoutchaser 3 ปีที่แล้ว

      @@DipeshMalvia Big Thanx Dipeash

  • @charmidoshi_1082
    @charmidoshi_1082 3 ปีที่แล้ว +2

    This redux tutorial was really helpful please keep up the hardwork and thanks for the great explaination

  • @shravanp9393
    @shravanp9393 3 ปีที่แล้ว

    redux is hard to learn but after watching video and practice this video very very easy and easy to learn than you bro

  • @sunilpatel4755
    @sunilpatel4755 2 ปีที่แล้ว

    Awesome yaar... Very nice explanation... You cleared my all doubts about Redux. Thanks. 🥳

  • @rrkrockstarraja3425
    @rrkrockstarraja3425 2 ปีที่แล้ว +1

    Please create cart feature. I am learned so much from you

  • @fatimaiqra2169
    @fatimaiqra2169 7 หลายเดือนก่อน

    sir you have solved my problem, your tutorial is really helpful thank you so much!

  • @akshaykumarolekar2493
    @akshaykumarolekar2493 2 ปีที่แล้ว

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

  • @MV-dh6ve
    @MV-dh6ve 3 ปีที่แล้ว +1

    You rock brother! great explanation

  • @afikhan5782
    @afikhan5782 2 ปีที่แล้ว

    the project was smooth, Thankyou Deepesh.

  • @yogeshvishwakarma1260
    @yogeshvishwakarma1260 2 ปีที่แล้ว

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

  • @marikiedward
    @marikiedward 2 ปีที่แล้ว +1

    Great! Simple and very clear, thanks for sharing

  • @sidharthjain2776
    @sidharthjain2776 3 ปีที่แล้ว

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

  • @manishsingh3530
    @manishsingh3530 3 ปีที่แล้ว +1

    superb video ! wao...

  • @pooulad
    @pooulad 3 ปีที่แล้ว

    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 ❤👌

  • @SenthilKumar-ok2qp
    @SenthilKumar-ok2qp 3 ปีที่แล้ว +1

    bro this is one the best video.. all silver bullet point.. less than an hour E-commerce completed :P, keep it up bro proud of you :)

  • @shah.md.mostakim
    @shah.md.mostakim ปีที่แล้ว

    Really helped a lot. A big RESPECT! 🌹

  • @shubhankarnikam-x9g
    @shubhankarnikam-x9g 8 หลายเดือนก่อน

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

  • @indrajithbodhi7457
    @indrajithbodhi7457 2 ปีที่แล้ว +1

    I found a very useful video for learning to redux. Thank you so much, sir.

    • @DipeshMalvia
      @DipeshMalvia  2 ปีที่แล้ว

      Your welcome Indrajith !

  • @zionsandeep788
    @zionsandeep788 3 ปีที่แล้ว +1

    Hey Dipesh. This was a good tutorial. Thanks!

  • @काव्यगंगा1062
    @काव्यगंगा1062 2 ปีที่แล้ว

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

  • @bijendernagar15
    @bijendernagar15 3 ปีที่แล้ว +1

    awesome sir best content pls make more videos on react js with api and finally subscribed you

    • @DipeshMalvia
      @DipeshMalvia  3 ปีที่แล้ว

      Thanks and welcome to family!

  • @rrkrockstarraja3425
    @rrkrockstarraja3425 2 ปีที่แล้ว +1

    Please give us many more redux projects, Thanks lot......