RTK Query Basics: Query Endpoints, Data Flow and TypeScript
Instructor
Lenz Weber-Tronic
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
createApito define multiple endpoints to interact with your API - The auto generated
useQueryhooks and how to use them in your application - The RTK Query Dataflow and the role of the
baseQueryfunction - The Redux Devtools “RTK Query” Monitor and which actions are flowing though your app
- How to use RTK Query either with an
ApiProvideror a pre-existing Redux store - Using RTK Query with TypeScript
Free Community Resource
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
Learner Reviews
- Juan G. Jordána month agoWhat did you like about this course?
Hands on example with the basics to understand RTK Query.
The concepts are introduced gradually, going from a hardcoded API to a full fledged cache enabled API.
- Badreddine Bendriss3 months agoWhat did you like about this course?
Simple and clear explanation of RTK query
- Learner10 months agoWhat did you like about this course?
great instructor. clear and concise
- iversonLva year agoWhat did you like about this course?
Cool tut~ I really love refactoring step by step
- Dmitry Birina year agoWhat did you like about this course?
Short and nice introduction! Thanks!
- Learnera year agoWhat did you like about this course?
Very short. Was hoping there would be more things covered that are in documentation along with edge cases and examples of old redux way of doing things vs RTKQuery way of doing things
Course Content
You might also like these resources:
Introduction to Cloudflare Workers
Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.
Create an eCommerce Store with Next.js and Stripe Checkout
This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio
Practical Git for Everyday Professional Use
git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.