Course image for React Query - The standard way to make network requests in React
Free preview before enrolling

React Query - The standard way to make network requests in React

Move beyond fetch and useEffect to make requests in React. Get caching advantages and more with react-query

4.6
(241 ratings)
2.6k enrolled
Course Instructor: JarvisLast updated 11/2023

Course Outcomes

  • What is React Query and why we need it
  • Internals of react-query v3
  • Debugging queries and mutations using devtools
  • How caching works in react-query
  • Sharing data across multiple components without making multiple requests

Description

Get performant and powerful data synchronization for React using react-query. React query is a library built for react and Next.js codebases that comes baked in with all the best practices you should follow while making network requests:

  • Caching
  • Devtools
  • Automatic data invaldation
  • Stale while revalidate
  • And much more

No more hacking around with fetch and useEffect all day long. React query provides a standard way of performing API requests in your app. Moreover, with react-query, it is possible that you can get rid of your central state management like Redux or Context API because react query can cache and make your data available across multiple components automatically. It is a production-level ready library and the benefits are endless.

In this course, let’s take a deep dive into what react query is, how it works and why exactly you’ll need it. This course is interactive with tons of labs and projects to complete as you go and is available by default under codedamn Pro membership. If you are ready to upskill your React skills as a production-level developer, let’s start.

This course is interactive

Interactive courses include hands-on coding exercises to practice as you learn. You practice exercises in a VS Code like IDE without any installation/setup.

Screenshot of codedamn IDE

Course Structure

26 lectures2h 10m total duration

  Course Introduction (Watch video)
1min
  Why React Query? (Watch video)
3min
  Installing React Query (Watch video)
2min
  Hello world with react-query (Watch video)
7min
  Install react-query (Practice concept)
5min
  Quiz (Attempt quiz)
1min

Featured Review

5.0
Jul 13, 2021
Very interesting course. Mehul not only teaches the whats, but the whys too
Was this review helpful?

Student feedback

4.6
Course Rating

78%

13%

5%

1%

4%

Reviews

Profile picture for Vedang Mule
Oct 14, 2023
gg
Helpful?
Profile picture for Rohith
Sep 13, 2023
best..
Helpful?
Profile picture for Amine Elkhalidy
Aug 03, 2023
Good course!
Helpful?
Profile picture for Daniel Emenike
Mar 15, 2023
The import statement is outdated. React Query now imports using @tanstack/react-query while React Devtools has to be downloaded seperately and imported using @tanstack/react-query-devtools. Please kindly update your course to avoid confusion from students. Asides that, it is an amazing and well detailed course.
Helpful?
Profile picture for Jarvis

Jarvis  Instructor

Hey Daniel, we will surely update our React Query course to v4 soon. You could also check out our useSWR course which is an alternative to React Query. https://codedamn.com/learn/useswr

Profile picture for Mohammad Naeem
Dec 12, 2022
awesome:)
Helpful?
Profile picture for Ibrahim V K
Nov 08, 2022
Nice course, but feels like you should plan well before recording to make understand the concepts to beginners and talking slowly will help.
Helpful?
Profile picture for Harinath
Nov 06, 2022
I don't know the exact reason but I am not able to understand this react Query concept correctly as I understood all other concepts before.
Helpful?
Profile picture for M.Ahmad Hamid
Sep 22, 2022
very good contents
Helpful?
Profile picture for ASHPREET SINGH ANAND
Sep 17, 2022
Add more labs in this course
Helpful?
Profile picture for amit rathod
Sep 15, 2022
React hooks should be taught before this. And very few exercises(Total 5, out of which 2 are quiz!!)
Helpful?

Course Instructor

Jarvis
Making world a better place for aspiring developers
Jarvis
4.7 Instructor rating
21.1k Ratings
186.8k Students
41 Courses

We are a team of developers, creators, designers trying to build the best interactive programming courses here.View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro