RTK Query Basics: Query Endpoints, Data Flow and TypeScript

Almost every React application needs to fetch data from a server and cache the result between renders.

Traditionally, in-memory API Caching is something that has been done in React applications either on a per-component-level, which lead to application state running out of sync, or using a global state like Redux, which required a lot of hand-written code.

RTK Query is part of the official Redux Toolkit and provides an application-global API cache that abstracts most of that hand-written code away, leading to a lot more readable code bases.

It also offers a lot of advanced features like auto-generated hooks

In this course, you will learn about

• Using createApi to define multiple endpoints to interact with your API
• The auto generated useQuery hooks and how to use them in your application
• The RTK Query Dataflow and the role of the baseQuery function
• The Redux Devtools “RTK Query” Monitor and which actions are flowing though your app
• How to use RTK Query either with an ApiProvider or a pre-existing Redux store
• Using RTK Query with TypeScript