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
- Jumper4 months agoWhat did you like about this course?
I highly recommend it for the crash course.
- Juan G. Jordán6 months 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 Bendriss7 months agoWhat did you like about this course?
Simple and clear explanation of RTK query
- Learnera year 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 Birin2 years agoWhat did you like about this course?
Short and nice introduction! Thanks!
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.