React Query Tutorial #1 - Intro & Setup

React Query is a React package to help with state management of asynchronous data. In this tutorial we'll go over the basics & set up our React project to work with React Query.

🐱‍👤🐱‍👤 JOIN THE GANG -
----------------------------------------
🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Course Files:

🐱‍💻 🐱‍💻 Other Related Free Courses:

[rooberry-music]

THIS IS SO USEFUL. we're using react query on my first react job.. and it's a learning curve but I'm looking forward to watching these. This is amazing shaun, I learnt html and css from your channel in 2018 and here I am learning something to use on the job <3

[window.location]

Shaun take some rest bro.
Even Brad Traversy took break due to health issues
So please take care of your health.
❤

[bigfoot]

Shaun am now 💯 convinced, no cap! u really enjoy coding u r real having a blast with this it’s like playing ur favorite Xbox or Ps game. Enjoy all u can mate

[maximusmitchell]

This is the best YouTube channel for programming. You're the best ninja

[briandesign]

currently learning react so good to see a new course drop! went through the hooks playlist already and it was 🔥

[ridl]

ty. if its a react-related series then I'll love it anyway :D

[AhmadMaartmesrini]

Big thanks for the ninja master
I have been working on it for 6 months, and now I'm working with a startup company 🙂
But the point is that I have a lot on plate lately I mean there's tons of tech things you gotta be super comfortable with and I'm not yet

[basicduck]

It’s been 4 months of learning web dev and I still have so much to learn 😂

[bachi]

CSS:
body {
margin: 0;
font-family: sans-serif;
background: #222;
color: #ddd;
text-align: center;
}
.App{
width: 960px;
margin: 0 auto;
}
h1{
color: #ffff57;
font-size: 4em;
letter-spacing: 2px;
}
button{
margin: 0 10px;
background: transparent;
border: 3px solid #ccc;
border-radius: 20px;
padding: 10px;
color: #ccc;
font-size: 1.2em;
cursor: pointer;
}
button:hover{
color: #fff;
border-color: #fff;;
}
.content{
text-align: left;
}

[amrmaamoun]

You are the best .. I love your channel .. best programming channel on YouTube

[CodingAfterThirty]

This is cool, great video as always. I just bought your D3 and Firebase course, looking forward to jump into it. Love your teaching style, and all your content on YouTube too.

[atomiccode]

I still didn’t study context yet cuz I wanna get better at redux first, but I checked the intro of this course cuz I wanted to know what it’s about. 😂 I loved the music bit it create-react-app. You should do funny stuff like that more often. Thank you so much Shaun of the shed, you’re the best!

[lancehan]

Been watching your stuff here and there for the past 2-3 years I think and, honestly, you’re pretty much the best tutorial channel out here (at least personally). Your videos are sectioned well, enough detailed explanations without overdoing it, and the diff tutorials are very topical/up to date with current trends. All this to say, and I’m sure many will agree, I very much appreciate all this material and good content. Stay awesome!

[ankitbhowmik]

Your tutorials are so addictive. Can't wait for next videos.
Love your tutorials😍

[lardosian]

Wow this should really help me out with my queries to my Amplify DataStore indexDb, thanks a ton Shaun.

[Shakeel]

Clean and clear explanation of every line of code typed in the tutorial!!

[yashraut]

all CSS from lesson 5:-


body {
margin: 0;
font-family: sans-serif;
background: #222;
color: #ddd;
text-align: center;
}
.App{
width: 960px;
margin: 0 auto;
}
h1{
color: #ffff57;
font-size: 4em;
letter-spacing: 2px;
}
button{
margin: 0 10px;
background: transparent;
border: 3px solid #ccc;
border-radius: 20px;
padding: 10px;
color: #ccc;
font-size: 1.2em;
cursor: pointer;
}
button:hover{
color: #fff;
border-color: #fff;;
}
.content{
text-align: left;
}
.card{
padding: 8px 16px;
background: #1b1b1b;
margin: 16px 0;
border-radius: 20px;
}
.card p{
margin: 6px 0;
color: #999;
}
.card h3{
margin: 10px 0;
color: #ffff57;
}
button:disabled{
opacity: 0.2;
cursor: not-allowed;
}

[danhodson]

Awesome stuff as always Shaun. Please PLEASE can you do a web series on Testing, specifically Jest Unit testing in React as well as e2e testing if possible. This would be SO helpful as you have a fantastic way of teaching complex ideas and the documentation and tutorials around on testing don't even come close to what I'd imagine you can teach us and it's such an important facet of modern web dev. Thanks in advance!

[shahji]

Marketing right in the beginning is the Worst Idea. You are doing a good job of explaining things. That should be your marketing strategy.

[Ceaderheart]

Thank you so much for these tutorials! I start my first web dev job in a few weeks and I really need the practice + brush up on some skills, so these vids are super super helpful!!