Learn React Redux Thunk with Project | Redux Thunk Middleware | Axios Async Actions | Redux Tutorial

In this video we are going to learn about React - Redux Thunk (Middleware) by enhancing our application which we build in React Redux tutorial. We will understand why we need middleware while using Redux as state management. Also we will see how to convert a Sync action creator into Async action creator. This video will help beginners to learn about React - Redux and Redux Thunk middleware.
Node.js: The Complete Guide to Build Backend Projects [2023]🔥
Link - www.dipeshmalvia.com/courses/...
**Github link for Reference**
github.com/dmalvia/React_Redu...
*About AccioJob*
AccioJob is an ed-tech startup run by IIT Delhi Alumni and funded by Y Combinator. We train students for Data Structures and Algorithms, Full Stack Web Development in an online 6 month coding bootcamp which is FREE till the students get placed. The students pay us the course fees only after we get them placed above 5 LPA. We make sure that every student gets the mentorship required to become a software engineer. Our students now work at Amazon, PayTM, Tokopedia, Visa, Gainsight, ThoughtWorks and many more top tech companies.
*Website Link*
acciojob.com?rc=4ca8b2f2fb554f61ad0e17b4fa24bbc2
*Follow AccioJob on:*
KZread: / @acciojob
Instagram: / acciojob
LinkedIn: / acciojob
**Please see the pre-requisite video to understand this tutorial better**
Learn React Redux with Project - • Learn React Redux with...
**React Roadmap for Developers in 2021**
How to Learn React JS ? - • React JS Roadmap for D...
React Fundamentals Project - • Learn React JS Fundame...
⭐️ Support my channel⭐️
www.buymeacoffee.com/dipeshma...
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
- React Redux Thunk
- React Redux Thunk Tutorial
- React Redux Thunk Crash course
- React Redux Thunk Project
- React Redux Thunk For Beginners
⭐️ Hashtags ⭐️
#React #Redux #thunk #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.

Пікірлер: 176

  • @MDSayam-gu1cc
    @MDSayam-gu1cc Жыл бұрын

    best educational content so far i tried to learn react-thunks but cannot find a video but when i get to your video i got my each and every concept clear thanks man i clear my interview just because of you

  • @HarshSingh-hk8fe
    @HarshSingh-hk8fe2 жыл бұрын

    that's really a cleanest explanation thanks alot bro for creating such content the way you teach is brilliant to the point no bullshitting :D

  • @harshaniwanigasekara901
    @harshaniwanigasekara9013 жыл бұрын

    Thank you.. it was helpful to understand redux thunk easily, hoping for redux saga tutorial too.. :-)

  • @sunnykumar-dd2ks
    @sunnykumar-dd2ks2 жыл бұрын

    really out of all videos I watched online, your explanation and way of explaining it is simply the best. I honestly wanna say your content is the best one's out there. Really appreciate your hard work and dedication.

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Wow, thanks!

  • @codewithhanmyanmar9453
    @codewithhanmyanmar94533 жыл бұрын

    This Video is really amazing and helpful! Thank You Sir!

  • @mithunbista
    @mithunbista2 жыл бұрын

    Good videos Dipesh. Please keep on creating videos to let others learn. 🙏

  • @thakurtilak2860
    @thakurtilak2860 Жыл бұрын

    Wonderful,I just wasted my time watching 1hr video on redux thunk but returned with confusions.But this is the best video I came across redux thunks ,he gives reasons for whatever he does and y he does as much as possible.

  • @sapthasv4976
    @sapthasv49762 жыл бұрын

    I am really happy that I found this channel . Went through various tutorials to understand redux-thunk, But now I clear picture of middleware. I usually don't like and comment, But you deserve it. waiting for more videos like this Thanks Dipesh

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Glad I could help!

  • @martygo
    @martygo Жыл бұрын

    I could be watching Netflix, but i'm here marathoning your wonderful videos about React and Redux. Thanks.

  • @hitensolanki1848
    @hitensolanki18482 жыл бұрын

    Thanks man ! Concept clear 👍

  • @Lavith_kuttu
    @Lavith_kuttu Жыл бұрын

    Thanks a lot bro for this amazing content!!! unknowingly u help many people

  • @jeganvp4544
    @jeganvp45443 жыл бұрын

    Thanks a lot for your videos, its very easy to understand

  • @codeeasy5366
    @codeeasy53662 жыл бұрын

    Good one man! Very helpful

  • @vimalswaroopj3429
    @vimalswaroopj34292 жыл бұрын

    Awesome!!!! Very informative!

  • @exploreethiopia1517
    @exploreethiopia15172 жыл бұрын

    Great video ever. Thank you for the help.

  • @doglezcode
    @doglezcode3 жыл бұрын

    Thanks brother, this is a great project

  • @hishamahammmedkm1936
    @hishamahammmedkm19363 жыл бұрын

    Thank you sir you , because of your simplest explanation I understood . I am struggling in next JS I hope you will do Next JS very soon

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Even I am in learning phase of NextJs. Will make a video in coming months 😊

  • @ankanmukherjee873
    @ankanmukherjee8732 жыл бұрын

    This is by far the simplest explanation of thunk middleware ..The part where he says the all you need to do is make the action creator asynchronous is the line all of us need to understand....Awesome keep up the good work

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Thanks!

  • @harshaniwanigasekara901
    @harshaniwanigasekara9013 жыл бұрын

    Thanks for da video.. I was waiting to this.

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Welcome.

  • @tarunjain6383
    @tarunjain63832 жыл бұрын

    Hello Dipesh, This video is really helpful to me in learning to react thunk. that is a simple way explanation of how to use thunk. I really appreciate your hard work I have one question: how to pass API header in this condition

  • @swathikolli9959
    @swathikolli9959 Жыл бұрын

    Nice Video which is very helpful to understand the Redux thunk.

  • @NamLe-sl4qy
    @NamLe-sl4qy2 жыл бұрын

    thanks, your tutorial is very easy to understand

  • @ibrabi7072
    @ibrabi70722 жыл бұрын

    Great explaination. Thanks.

  • @aakashjadhav327
    @aakashjadhav3272 жыл бұрын

    wow, best best best !!!!! I am a fan.

  • @maruthiprasad1452
    @maruthiprasad14523 жыл бұрын

    Thanks for such a nice tutorial..

  • @maxfrancisco1759
    @maxfrancisco17592 жыл бұрын

    you talk about good points sir. I need to know the difference between react dedux and class component states

  • @pundlikborse6045
    @pundlikborse60453 жыл бұрын

    Thanks a lot for nice informative video. please make next series on react jest testing library.

  • @ashiyaamanulla8217
    @ashiyaamanulla82178 ай бұрын

    your way of explaining is really awesome

  • @vssrikanthgarnepudi5952
    @vssrikanthgarnepudi59523 жыл бұрын

    Good to see you after long time. Btw good tutorial.

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Thanks buddy 😊

  • @ganeshyandigeri3492
    @ganeshyandigeri34922 жыл бұрын

    Hello Dipesh malvia Sir, really great video for those who want to learn Redux I saw and learned. Thank you

  • @DipeshMalvia

    @DipeshMalvia

    Жыл бұрын

    Thanks and Welcome Ganesh!

  • @honeymittal6499
    @honeymittal64994 ай бұрын

    very clear information. thanks

  • @ddikodroid
    @ddikodroid3 жыл бұрын

    awesome video!

  • @vibekdutta6539
    @vibekdutta65392 жыл бұрын

    Teaching skills +100, awesome content Dipesh

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Glad you like them!

  • @ahmedbaloch1137
    @ahmedbaloch1137 Жыл бұрын

    Great explanation Sir Kindly Make Full Redux CRUD Action Video just like full Ecommerce Website ??

  • @IndianGermanDiaries
    @IndianGermanDiaries Жыл бұрын

    Great Tutorial Man ! Keep it up :)

  • @DipeshMalvia

    @DipeshMalvia

    Жыл бұрын

    Thanks, you too!

  • @vaibhavgupta6600
    @vaibhavgupta66002 жыл бұрын

    awesome man

  • @sanjoypaul1933
    @sanjoypaul19332 жыл бұрын

    well explanation.. keep it up

  • @blacksheep1337
    @blacksheep13373 жыл бұрын

    There is always a holy indian guy to save our life

  • @subhramukherjee6990
    @subhramukherjee69902 жыл бұрын

    Thank you soo much sir

  • @jatilyadav4000
    @jatilyadav4000 Жыл бұрын

    Great video

  • @ekansh03
    @ekansh032 жыл бұрын

    Thank you Dipesh for all the awesome content.

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Glad you like them!

  • @shaileshlakhani8618
    @shaileshlakhani86182 жыл бұрын

    very easy and helpful explanation

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Glad you think so!

  • @DL-hh8se
    @DL-hh8se4 ай бұрын

    Thank you🎉❤

  • @sayeesreeram
    @sayeesreeram2 жыл бұрын

    Nice Explanation Bro👌👌👌👌👌

  • @vivekpadelkar
    @vivekpadelkar2 жыл бұрын

    simple explanation , thanks buddy🙌

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Thanks a lot vivek!

  • @Sumit-dy2ix
    @Sumit-dy2ix3 жыл бұрын

    Is it possible to create a small video of testing React and Redux component with Jest and enzyme?

  • @ambeshsharma8290

    @ambeshsharma8290

    3 жыл бұрын

    agree with u

  • @nallamillivijayramrddy6038

    @nallamillivijayramrddy6038

    2 жыл бұрын

    Yes it is needed

  • @anubhavgupta8164

    @anubhavgupta8164

    2 жыл бұрын

    will be highly appreciated

  • @NitinSharma-rg8lk

    @NitinSharma-rg8lk

    2 жыл бұрын

    Will be highly appreciated

  • @koushikshomchoudhury9108

    @koushikshomchoudhury9108

    Жыл бұрын

    Enzyme is dead

  • @manojrao9867
    @manojrao98672 жыл бұрын

    Wonderfull...Thanks for this.

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Welcome!

  • @dulanbamunuge9541
    @dulanbamunuge95412 жыл бұрын

    Boss this is simply fooking awesome!

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Thanks a ton!

  • @hiteshsuthar1097
    @hiteshsuthar10972 жыл бұрын

    Got it in first try 👍

  • @yasarhussain3811
    @yasarhussain38113 жыл бұрын

    Your way of explaination is really good

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Thanks and Welcome!

  • @vinayaknaik9884
    @vinayaknaik98842 жыл бұрын

    great

  • @aimalkhan8698
    @aimalkhan8698 Жыл бұрын

    great to explain 😍

  • @DipeshMalvia

    @DipeshMalvia

    Жыл бұрын

    Glad you liked it

  • @tanveerkhan627
    @tanveerkhan6273 жыл бұрын

    hello sir, thank you for this awesome project but when will you add the total amount and payment method to this project.

  • @diyorqarshiboyev7066
    @diyorqarshiboyev70662 жыл бұрын

    amazing video thank you bro

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    welcome

  • @mdsanju5417
    @mdsanju54172 жыл бұрын

    just wooow!! fantastic.... 😍😍😍😍

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Thank you! Cheers!

  • @mdsanju5417

    @mdsanju5417

    2 жыл бұрын

    @@DipeshMalvia Most Welcome! Cheers! 💖

  • @vikkysirari8918
    @vikkysirari89183 жыл бұрын

    Aswm 👍 next one authentication ✌️

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Authentication will be interesting and very useful topic. Thanks 😊

  • @Priya-fd7tv
    @Priya-fd7tv2 жыл бұрын

    nice

  • @syntaxcake4545
    @syntaxcake45452 жыл бұрын

    Your work is truly appreciated. Can you explain to me why we fetch data at Redux not in React? Using middleware, I know middleware gives aync action? In React you fetch it aync way in your previous tutorial and it was perfect in my sense. Please answer my question. Thanks again.

  • @martinwachira4429

    @martinwachira4429

    Жыл бұрын

    When you use react to fetch data from an online server, you'll only use it in the component where you fetched it, when you use redux Toolkit, you can fetch the data and use it in any component using a hook called useSelector hook. Basically redux Toolkit makes data global

  • @hari5732
    @hari57323 жыл бұрын

    Bro put a video based on react ui frameworks?which is best to use and in trend?

  • @vijaymathew8606
    @vijaymathew8606 Жыл бұрын

    Nice and clear explanation 🥰

  • @DipeshMalvia

    @DipeshMalvia

    Жыл бұрын

    Thank you 🙂

  • @KienNguyen-sg1nf
    @KienNguyen-sg1nf3 жыл бұрын

    From VietNam With Love

  • @Niamudeen
    @Niamudeen11 ай бұрын

    Such a well detailed & an amazing explanation. Thanks bro. Following you on linkedin & Instagram now. ✌

  • @DipeshMalvia

    @DipeshMalvia

    11 ай бұрын

    Awesome, thank you!

  • @itodoshadrach2363
    @itodoshadrach23632 жыл бұрын

    i usually don't comment but i just have to...thanks so much you made redux easy.

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Glad it helped!

  • @sonalisatapathy4370
    @sonalisatapathy43703 жыл бұрын

    Really informative..but i have one issue if i press the browser back button to go from productDetail page to productList page useEffect not getting fired..how to fix pls reply

  • @DeepakGupta-pz4fx
    @DeepakGupta-pz4fx3 жыл бұрын

    Great video dipesh sir please make on video Redux saga tutorials

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    In pipeline..

  • @ahmedabed6652
    @ahmedabed66523 жыл бұрын

    for the specfic product, why do we need to store it in Redux store?

  • @anounTT
    @anounTT Жыл бұрын

    Good video, theres only audio on the right side in the intro.

  • @lamargtv2572
    @lamargtv25723 жыл бұрын

    Oh i will see my answer here about redux thunk from the previous video. Okay, I have to watch it first..

  • @lamargtv2572

    @lamargtv2572

    3 жыл бұрын

    Ok cool, I just finished this video. Appreciate it. Thanks..

  • @MelodyBeats.
    @MelodyBeats.3 жыл бұрын

    can u make tutorial how to make implement search and redirect to other search component using react redux

  • @sanjitsingh2018
    @sanjitsingh20183 жыл бұрын

    Bro I am following you please make this video in redux SAGA also

  • @ambeshsharma8290
    @ambeshsharma82903 жыл бұрын

    i know its hard to reply of queries but aapne start mai axios ko alg kyu likha and URL and baseURL kya hai yeh sir?

  • @wayofmuhammad
    @wayofmuhammad Жыл бұрын

    If data is store already in redux store then why you are calling the API again instead you can filter one product in side that store using product id????

  • @paraskakkar9237
    @paraskakkar92372 жыл бұрын

    09:22 why Middleware - "To convert the synchronous Action creator to Async Action Creator , because we are calling async function call already in Action Creator ". Correct Me, If I am wrong .

  • @farhatrahmanikhan7437
    @farhatrahmanikhan74372 жыл бұрын

    Thanks brother

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    Any time

  • @user-sd1yu2fe9m
    @user-sd1yu2fe9m10 ай бұрын

    What if i use fetch api in action creator, will it still be called an async action creator?

  • @Govindkumar-uj6fi
    @Govindkumar-uj6fi2 жыл бұрын

    how to fix the refresh issue , once you go to the product details page

  • @EnjoyLife-os3fb
    @EnjoyLife-os3fb Жыл бұрын

    Why the data fetching logic should not be put inside the component?

  • @priyankakakkar4603
    @priyankakakkar46033 жыл бұрын

    create a app like authors post approved by admin, and preapproved authors, Super-admin can edit all the post , If author reedit the post, again it will list on pending post....admin can approve, edit, and delete post... etc... and block author, etc....

  • @Adichigahara
    @Adichigahara3 жыл бұрын

    have you updated this code on your project? amazing job thanks!

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Yes, please check the GitHub link in the description. Switch the branch for thunk implementation.

  • @shikharsingh552
    @shikharsingh5522 жыл бұрын

    👍

  • @trending9774
    @trending97742 жыл бұрын

    Can you please create a video on redux sagas

  • @SamruddhaShah
    @SamruddhaShah3 жыл бұрын

    thanks

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Welcome Samruddh😊

  • @anandmohan1293
    @anandmohan12933 жыл бұрын

    Sir please make videos on React + Redux + Material UI. There are no any tutorials on the youtube to learn these.

  • @Sandeepkumar-ny7bd

    @Sandeepkumar-ny7bd

    2 жыл бұрын

    already uploaded ......... kzread.info/dash/bejne/fHiOtMiFd7G9lMY.html&ab_channel=DipeshMalvia

  • @Piyututu
    @PiyututuАй бұрын

    the moment someone says "if you haven't watched that video then watch it first" , lets find another one

  • @codenuts29
    @codenuts298 ай бұрын

    Can We Get video for POST, UPDATE & DELETE

  • @radhagupta2358
    @radhagupta23582 жыл бұрын

    @dipesh you have explained middleware in vert details and in simple way. I was trying to get your code from git but I see its not updated code as shown in the video. Can you have a look and update the code asap?

  • @SachinSharma-st4hk

    @SachinSharma-st4hk

    2 жыл бұрын

    Switch the branch for thunk implementation.

  • @radhagupta2358

    @radhagupta2358

    2 жыл бұрын

    @@SachinSharma-st4hk Thanks for quick reply.

  • @dssombol6048
    @dssombol60483 жыл бұрын

    Can you show to make pagination?

  • @chetanpl
    @chetanpl2 жыл бұрын

    Dipesh:- Why do we use redux-thunk? we can full fill our requirement with async-await API. I could not get why it is needed.

  • @geebsayshi
    @geebsayshi2 жыл бұрын

    Thank you for great video. Can we get a redux-saga video. Appreciate

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    I don't use redux-saga but yes I have received a lot of request for redux-saga will think about it.

  • @invideo1115
    @invideo1115 Жыл бұрын

    Thanks bro.... But.Redux state dosenot update state while rerender...

  • @DeepakGupta-pz4fx
    @DeepakGupta-pz4fx3 жыл бұрын

    Please make on video React Jwt authentication

  • @skks911
    @skks911 Жыл бұрын

    How we will pass unique key Here renderLIst=products.map((product)=>{id,title,image,price,category}=product

  • @gokulram5104
    @gokulram51043 жыл бұрын

    Hi can you please made a video for react testing

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Yes, I have received a lot of request for testing in React. Will spend some time on this topic in coming months.

  • @ladylove2031
    @ladylove20313 жыл бұрын

    The website is only for india???

  • @rahulkrishna5167
    @rahulkrishna51673 жыл бұрын

    thank you man do delete , update also

  • @dileep2448
    @dileep24482 жыл бұрын

    its very nice video. but need more information

  • @DipeshMalvia

    @DipeshMalvia

    2 жыл бұрын

    What more information you need on Redux THUNK ?

  • @abhijeetmokale5604
    @abhijeetmokale5604 Жыл бұрын

    Previous video link or title please ??? Just redux one

  • @DipeshMalvia

    @DipeshMalvia

    Жыл бұрын

    Hi Abhijeet - Here is the link of the previous video - kzread.info/dash/bejne/fHiOtMiFd7G9lMY.html

  • @vaibhavkumarpatel6863
    @vaibhavkumarpatel68633 жыл бұрын

    Which one is better redux-thunk or redux-saga ? React developer use which one the most ?

  • @SmellTheCheese95

    @SmellTheCheese95

    3 жыл бұрын

    Both achieve the same thing. Thunks in my opinion are better by a tiny bit. I've used both a lot

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Thanks for sharing your experience.

  • @DeepakGupta-pz4fx

    @DeepakGupta-pz4fx

    3 жыл бұрын

    Please make on video Redux saga concepts

  • @monimoychakrabortty9535
    @monimoychakrabortty95353 жыл бұрын

    Please make a video on saga vs thunk

  • @DipeshMalvia

    @DipeshMalvia

    3 жыл бұрын

    Noted!

  • @senthilkumarmurugaiyan9831
    @senthilkumarmurugaiyan98313 жыл бұрын

    Hi - Please consider making videos on Redux Saga as well :)