ReactJS Course [10] - React-Query Tutorial | How to Properly Fetch Data in React

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2024

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

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

    yes... Please don't stop the content. I have learned A LOT this past month all thanks to your content. Keep up the good work. I am sure you will be rewarded accordingly one day

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

    This dude must be protected at all costs.

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

    Pedro, I just wanted to take the time to thank you so much for this video and all the videos you've put up on TH-cam. I spent a lot, lot(!) of time looking for courses to learn Javascript and React (paid and free) from Udemy, Frontend Masters and Fireship etc and while they were all ok in their own way, none had the clarity, focus and sheer practicality that yours does in building a useful understanding and foundation skill. You clearly have an undeniable talent when it comes to teaching this stuff and I sincerely hope you keep producing more tutorial videos! If you don't already, you should consider monetising these - I'd certainly be happy to pay a reasonable fee to contribute to the effort and work that goes into making them as they've been so useful. Thanks again Pedro!

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

      Wow thank you for the feedback! I really appreciate this kind of feedback because I remember it took me ages to make this course. Im always not inclined to make long courses like this because I never know if it will do good for the amount of effort. But this kind of comment motivates me to continue doing this kind of videos!! Thank you!

  • @aboderindaniel8250
    @aboderindaniel8250 21 วันที่ผ่านมา

    Please don't stop Pedro. We love your content. It is still helping me get through React 2 years after you uploaded the video. Thank you so much man. You are a big inspiration

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

    Never fails to deliver. Thanks. You make me learn new things daily and it's my hope that I will master react development. And yes the course is going amazingly well!!

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

    Thanks for this course, Pedro! I'm really enjoying it, and it couldn't be better. I hope this course reaches everyone interested. I recommend your channel every time I have the chance because you really are the best at teaching and explaining React.

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

    Freaking love the course, watching at 1.5 speed, following along coding, just cramming it allll in! Greate effort thank you Pedro

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

    Thank you so much for the video, I just want to mention that the chapters and timestamps on this video are for the previous one about context management, either way great explanation I'm loving this playlist

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

    An excellent introduction to react-query. Thanks, Pedro.
    {2022-11-12}, {2022-11-13}, {2022-11-14 - Implemented}

  • @grazielak.pauselius4225
    @grazielak.pauselius4225 ปีที่แล้ว +2

    Thank you, Pedro! You are making a change in our lives! So much easier to learn by watching your videos! Please keep going s2

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

    Awesome Pedro!
    You're been an important part of my initiation into a tech career now, thanks a lot for your time, knowledge, and dedication through this entire course.
    Sincerely, it's the best course I made until now, and I'm recommending it to everyone I know!
    Greetings from Brazil!

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

    Thanks man ...❤️🖤💪🏾
    I'm using React Query as from now always.
    I'm done using Fetch,try, catch, then, finally, etc😂😂😂

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

    ah men, I knew react and always got some tips and things from your channel I skipped this playlist thought I knew react , but search for react query to learn it, my men you saved me, I know its means nothing but Thankyou, God bless you, Stay Safe and Healthy

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

    Your instruction style is amazing and makes the concepts very clear to understand. I’m glad to have come across your page ! You help me so much 🙌🏽

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

    this video led to me figuring out a solution to a problem that I was banging my head on for 3 DAYS. I love you and your content my man. you're an inspiration. keep doing what you're doing 💙

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

    Thank you Pedro for your efforts, as always this video was awesome!!

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

    Simple and too the point. Loved it. Can you make an extension of react query where you cover mutations and some advanced configurations

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

    this is better than web dev simplified videos, in my opinion. at least for new learners. much easier to follow

  • @Salah-YT
    @Salah-YT 2 ปีที่แล้ว +2

    thank u so much bro I really love this course and thank u for carrying on this course bro please in the future talk about Redux and Redux toolkit thx bro

  • @Marcus-09
    @Marcus-09 2 ปีที่แล้ว +2

    great job Pedro. One thing, the timestamp actually is that of episode 9

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

    best up-to-date reactjs course on this platform!

  • @AjaySingh-ty2wm
    @AjaySingh-ty2wm ปีที่แล้ว

    i like you pedro, let me tell you 1 thing you made me understand the hooks relating with live examples, how we gonna use it regularly, that is missing in other tutorials avilable online. the efforts you are making is really helping many fresh devs out there. you doing good community work

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

    I can't appreciate your enough. Amazing how you simplify other of stuffs for us. Thank you.

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

    Thank you bro!!!!!!! Learning React as a newbie is tough right when everyone is moving to React 18. Keep it up man.

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

    hey pedro, I've been going through an average of 3 courses everyday. I like when you divide it to parts because it can help me slowly digest the information. Thank you for the videos and I know the views are getting low but I'm still here!

  • @zachary.ramsumair
    @zachary.ramsumair ปีที่แล้ว +1

    course is top tier

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

    Predo you are teaching the updated react not focusing on the old versions and old syntax , it is helping me for preparing my interviews.

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

    bruh..that intro music so soothing😍

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

    Good stuff! Great video! Thanks for adding the little extras, like the refetchOnWindowFocus and strictMode. Don't be discouraged on making these videos because of the views. Your content is very up to date, and maybe people aren't there yet, like me. :-). I am here bc I need to really learn hooks at a deeper level.

  • @sharvarichawade6613
    @sharvarichawade6613 8 หลายเดือนก่อน

    Your way of explaining is simply amazing! Kudos to you

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

    Just amazing. I'll change all my useEffect for this for sure

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

    Awesome info! I didn't know about react-query. I was using Axios, but this seems to solve some of the problems with caching and updating data.

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

    Amazing class Pedro! I've been following since episode 1. Now the only thing I'm struggling with this episode is that React Query updated very recently and I'm not being able to continue this episode and also not being able to adjust to the new Query.

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

    Thanks Pedro! I haven't followed the series before this, but this video was super helpful for getting started with react query.

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

    Love you dear Pedro.. You have cleared all critical concepts.

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

    Thank you a lot for the series, Pedro. You are changing the game for me, making it much easier to break into React. I really appreciate the way you teach. You got talent! Greetings from Brazil!

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

    Really helpful. Thank you very much! You saved my university life

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

    Yess don't stop making videos! Theyre all super helpful not just this react basics course but all your other more advanced ones like typescript etc! It might be demotivating to not see the views instantly but you're helping thousandsss of us!
    Have you had experience with tRPC? Whats your take on using tRPC vs react query?

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

    I like the attitude for not giving up, keep it up bro, u will be famous soon

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

    Can u cover mutations as well? How about creating a new series on react query that cover queries, mutations, caching and all that stuff.

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

    thank you for keeping going

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

    Fantastic video Pedro, never really cared about React Query but I'm definitely adding that to my future projects. Keep them videos coming man, don't let the viewer count get you down. There are a plethora of video tutorials on YT but if you keep at it and posting videos consistently weekly it will push your videos to the top from all the noise. Love your content!

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

    REACT QUERY IS REALLY REALY REALLY NICE

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

    I really love the series. Keep up the good work man

  • @JamesSmith-yj7wq
    @JamesSmith-yj7wq 2 ปีที่แล้ว

    Dont stop pedro, we learn a lot from your courses..

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

    Awesome stuff bro! Keep making these awesome videos

  • @charitysimon-peraboh5555
    @charitysimon-peraboh5555 ปีที่แล้ว

    Thanks so much Pedro, you're a good teacher, hopefully you'll do mutation part

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

    Very useful tutorial with clear explanation thank you 👍

  • @JonathanSantos-ut1gc
    @JonathanSantos-ut1gc 5 หลายเดือนก่อน

    thanks for this course pedro. Muito boa essa aula haha

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

    Keep going bro, you have my support. Your doing an awesome job!

  • @GodricThe
    @GodricThe 9 หลายเดือนก่อน +1

    Just looked at views on the last video of the course and it has at the moment, 1y after upload 11k views. Your all-in-one video has over 450k

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

    Learning a lot from you. Thank you for your updated React course!

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

    graet ! it realy helped me for my journey of learning react

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

    Thank you very much for this video 🤩, I got to start using react-query

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

    Strict mode doesn't run on production so your useeffect won't be called twice. So this doesn't make requesting data in useeffect bad

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

    This was a very well explained video. Thanks for telling why you did each step that you do

  • @Mehedi.Developer
    @Mehedi.Developer ปีที่แล้ว

    It's a masterpiece bro, keep it up. Hope to see you in Canada🍁

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

    great video!, will you teach trpc in this course too?

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

      Noo, but i can make a TRPC vid

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

      @@PedroTechnologies please do as there are no good trpc tuts here :)

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

    This was amazing. So powerful tool. Thank You Pedro!!

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

    Content is easy to understand. Thanks

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

    Thank you very much🖤

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

    Love your course so glad you kept going

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

    Looking for this exactly 💯

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

    4:42 Tanstack's official documentation says to use "npm install react-query".

  • @satyam1543
    @satyam1543 6 หลายเดือนก่อน +1

    this was great video 👍

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

    Fabulous, clear and easy-to-get

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

    Awesome Pedro, keep up the good work, im learning a ton from your videos i appreciate it a lot

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

    thanks brother.. vary good explanation

  • @Codewith0xConcept
    @Codewith0xConcept 11 หลายเดือนก่อน

    God bless you Pedro, you make learning so easy 🎉😮

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

    Merci pedro U are very very cool for the lessons!

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

    Thanks

  • @nk-hu7pt
    @nk-hu7pt 3 หลายเดือนก่อน

    Thank you so much Pedro

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

    youre doing a great job buddy. your videos are great!! ❤❤❤❤

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

    Love you pedroo,You are making amazing job, Thanks bro

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

    You've taught me alot
    Thank you so much

  • @jayanth6906
    @jayanth6906 5 หลายเดือนก่อน

    damn even I am motivated to learn more now!!!

  • @user-qj7fd1wr8s
    @user-qj7fd1wr8s 9 หลายเดือนก่อน

    Thank you so much for that course bro!

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

    please make a course about all react query features with best practices!
    no youtube chanel did this it will help me a lot🙏

  • @someone-k1t
    @someone-k1t ปีที่แล้ว

    Amazing video please keep doing that great work!

  • @user-zp7qz3vb1n
    @user-zp7qz3vb1n 11 หลายเดือนก่อน

    Man like Pedro!!

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

    You r awesome pedro i learned a lot tq pedro

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

    do you prefer using rtk query with redux toolkit or react query with redux?

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

    Thanks Pedro!

  • @user-ke9jo8dk2s
    @user-ke9jo8dk2s 2 ปีที่แล้ว +1

    thanx, excellent content!

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

    Good job! Love the videos.

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

    You're gold bro!

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

    There definitely must be some magic happening in the background because if "isLoading" matches, it immediately returns. However, the data is still somehow able to be returned after it has been fetched, even though the "Home" function has already returned. React-query must be waiting for a promise to be fulfilled in the background and then updating the component once it is.

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

    thanks for the content man

  • @Igor-vk8fl
    @Igor-vk8fl 7 หลายเดือนก่อน

    AMAZING video!!

  • @Rose-gb1ku
    @Rose-gb1ku 2 หลายเดือนก่อน

    Amazing video!

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

    Amazing video learned alot.

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

    Thanks Pedro!!!

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

    glad i've found your channel

  • @02_matinkadri67
    @02_matinkadri67 2 ปีที่แล้ว

    Thank you, really helpful❤️

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

    Thanks a lot for this course bro.
    I've recently found your channel from your hooks video and the way you teach is just amazing 🤩, everything just become clear. I couldn't emphasize it more.
    Thanks again! 🫂❤️

  • @VinciJeremy789
    @VinciJeremy789 3 หลายเดือนก่อน

    Thank you bro....💚

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

    Hello bro can you make a tutorial on node js express

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

    Thanks Pedro! Guys keep smashing the Likes and Subscribe to awesome content!

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

    Hey Pedro, I know StrictMode only causes calls of useEffect on localhost and not in production

  • @andrewandrosow4797
    @andrewandrosow4797 2 หลายเดือนก่อน

    12:24 with the question symbol {data?.fact} it works, but without the one {data.fact} - there appears an error "data is not defined".