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

Поділитися
Вставка
  • Опубліковано 8 січ 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')

  • @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.

  • @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

  • @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

  • @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.

  • @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

  • @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.

  • @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

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

  • @sofiasaiethoraieva2387
    @sofiasaiethoraieva2387 3 роки тому

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

  • @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

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

  • @rukeshreddy453
    @rukeshreddy453 11 місяців тому

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

  • @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

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

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

  • @ramakrishnapalli809
    @ramakrishnapalli809 3 роки тому +2

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

  • @cristianmachuca8762
    @cristianmachuca8762 3 роки тому +3

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

  • @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

  • @jovanvukomanovic1527
    @jovanvukomanovic1527 Рік тому

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

  • @sergiosotelo9675
    @sergiosotelo9675 3 роки тому +5

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

  • @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.

  • @akanshapanchal7107
    @akanshapanchal7107 2 роки тому +1

    The best video on youtube for leaning redux. Thankyou.

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

  • @Sergio-di1jt
    @Sergio-di1jt 2 роки тому +1

    best redux tutorial ever. new subscriber

  • @prashantmishra5691
    @prashantmishra5691 3 роки тому +1

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

  • @kwsanders
    @kwsanders 3 роки тому +4

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

  • @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.

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

  • @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)

  • @haluskua1947
    @haluskua1947 3 роки тому +5

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

  • @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

  • @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..

  • @duredurrani
    @duredurrani 3 роки тому

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

  • @tupapa7642
    @tupapa7642 2 роки тому +1

    Dipesh this is an absolutly astonishing tutorial thanks!

  • @happiguruman
    @happiguruman 3 роки тому +1

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

  • @rrkrockstarraja3425
    @rrkrockstarraja3425 2 роки тому +2

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

  • @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.

  • @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.

  • @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.

  • @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

  • @hassanribery3093
    @hassanribery3093 3 роки тому +3

    the finest tutorial on redux. Thank You

  • @akshaykumarolekar2493
    @akshaykumarolekar2493 2 роки тому

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

  • @daniabuaf
    @daniabuaf 2 роки тому +1

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

  • @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 ☺️

  • @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😇

  • @mikerodrigues3530
    @mikerodrigues3530 3 роки тому

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

  • @doglezcode
    @doglezcode 3 роки тому +7

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

  • @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.

  • @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.

  • @tanaytapanshu9839
    @tanaytapanshu9839 3 роки тому +1

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

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

  • @prakritisagar5007
    @prakritisagar5007 2 роки тому +1

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

  • @jewelchowdhury9752
    @jewelchowdhury9752 3 роки тому +6

    Great explanation sir, you deserve more than thanks.

  • @vickygupta4263
    @vickygupta4263 2 роки тому +1

    Best video to understand redux! Thanks for your efforts.

  • @rahulkulkarni9653
    @rahulkulkarni9653 3 роки тому

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

  • @miguelangelteletor94
    @miguelangelteletor94 2 роки тому +1

    thanks From Spain, very clean and good tutorial.

  • @venkateshprasad7488
    @venkateshprasad7488 3 роки тому +2

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

  • @seya1754
    @seya1754 3 роки тому +1

    This video is so straightforward. I love it!

  • @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.

  • @paschalynukwuani6930
    @paschalynukwuani6930 Рік тому

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

  • @maruthiprasad1452
    @maruthiprasad1452 3 роки тому +2

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

  • @mehtabahmed6092
    @mehtabahmed6092 3 роки тому

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

  • @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

  • @nooblearner8513
    @nooblearner8513 2 роки тому +9

    if anyone get stuck with an error for 'Switch' & Route component..
    1. Switch is no more supported by latest react-router-dom. Instead of switch now we got "Routes"
    2. Component is deprecated by latest version of react-router-dom. Now it is element.
    Code:
    import {Route, BrowserRouter as Router, Routes } from "react-router-dom";




    404 Not Found!

    • @kritikumari4948
      @kritikumari4948 2 роки тому +1

      Thanks for this solution, It's really helpful to me 🙂

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

  • @spotnuru83
    @spotnuru83 2 роки тому

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

  • @brianryan4053
    @brianryan4053 2 роки тому +2

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

  • @bmejia220
    @bmejia220 3 роки тому +1

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

  • @marikiedward
    @marikiedward 2 роки тому +1

    Great! Simple and very clear, thanks for sharing

  • @sajidahamed5867
    @sajidahamed5867 Рік тому +1

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

  • @architkumar-vx8wt
    @architkumar-vx8wt 2 роки тому

    Best Video About Redux on YT

  • @princerajput6709
    @princerajput6709 2 роки тому

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

  • @charmidoshi_1082
    @charmidoshi_1082 3 роки тому +2

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

  • @hardylutula2774
    @hardylutula2774 3 роки тому +1

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

  • @cCubify
    @cCubify 21 день тому +1

    I love you dude, thanks so much!

  • @kaushikdas1366
    @kaushikdas1366 3 роки тому

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

  • @shubhamdubey3008
    @shubhamdubey3008 2 роки тому

    One of the best video ever. Totally outstanding

  • @zionsandeep788
    @zionsandeep788 3 роки тому +1

    Hey Dipesh. This was a good tutorial. Thanks!

  • @SAMEERKHAN-nd7ti
    @SAMEERKHAN-nd7ti 2 роки тому

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

  • @jorgecuza9848
    @jorgecuza9848 3 роки тому +1

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

  • @fatimaiqra2169
    @fatimaiqra2169 7 місяців тому

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

  • @flokipanda
    @flokipanda 3 роки тому +1

    Really great tutorial. Now I am able to understand the redux properly.

  • @harigundlapally5683
    @harigundlapally5683 3 роки тому +1

    Very nice video, learnt few core concepts of redux, thankyou very much.

  • @BalwantDhanda
    @BalwantDhanda 2 роки тому

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

  • @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.

  • @shah.md.mostakim
    @shah.md.mostakim Рік тому

    Really helped a lot. A big RESPECT! 🌹

  • @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. :)

  • @laxmisyamanalysis358
    @laxmisyamanalysis358 3 роки тому +1

    Thank you so much Bro.. Awesome tutorial!... Helped me a lot...

  • @MV-dh6ve
    @MV-dh6ve 3 роки тому +1

    You rock brother! great explanation

  • @city8390
    @city8390 2 роки тому +1

    Thanks for your clear explanation. :D

  • @chaudharybabu
    @chaudharybabu 3 роки тому

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

  • @anushka3018
    @anushka3018 2 роки тому

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

  • @sivamani6358
    @sivamani6358 Рік тому

    Awesome.. Your teching way is pretty good

  • @indrajithbodhi7457
    @indrajithbodhi7457 2 роки тому +1

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

  • @afikhan5782
    @afikhan5782 2 роки тому

    the project was smooth, Thankyou Deepesh.

  • @mehmetcakr8138
    @mehmetcakr8138 2 роки тому +1

    Great video. Thanks a lot for your efforts. It is so clear and teaching well