React Query: Server State Management in React

ReactQuery has become the go-to solution for server state management in React apps, and for good reason! This smart, comprehensive solution makes it easy to keep your app up-to-date with data on the server.

In fact, if you are using Redux simply to manage data from the server, ReactQuery can replace Redux in your app. And, for server data management, React Query is much simpler and more powerful than Redux.

For example, ReactQuery:

• Tracks loading and error states for your server queries (no need to manage that yourself!)
• Makes cached server data available for display while you’re fetching updated data

This Course Starts With A Simple App To Learn The Basics of React Query:

• Queries
• Loading and error states
• ReactQuery dev tools
• Pagination and pre-fetching
• Mutations

Then we take a detour with the Star Wars API to learn about Infinite Queries (getting more data just as the user has gotten near the end of the current data).

Finally, we work on a large, multi-component app to learn about the above in more detail, plus

• Centralizing loading and error handling
• Filtering data
• Integrating ReactQuery with auth
• Ways to keep data up to date after mutations, including optimistic updates
• Testing ReactQuery

Other Notable Course Features:

• Pre-written projects to use as a backdrop for ReactQuery, so there’s no time wasted writing code not relevant to the course
• Ample opportunities to practice with periodic “code quizzes” to make sure you’re understanding the concepts
• Visual models for complicated concepts to help understand all of the moving pieces
• The major project is written in TypeScript
• The supportive instructor who loves engaging with students in Q&A

Come see what the hype is about, and improve your apps with simpler, more powerful server state management!