illustration for RTK Query Basics: Query Endpoints, Data Flow and TypeScript
free

RTK Query Basics: Query Endpoints, Data Flow and TypeScript

20m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.5
19
people completed
Published 3 weeks ago
|
Updated 2 weeks ago

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

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

  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Very nice and useful course. Very cool stuff, I even didn't know about it. It will be nice to have a link to GitHub repo for each lesson. Thanks!

    Pavel Klochkov
    5 days ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I liked the part on the dev tools about the RTK Query statuses and the part about the query object, because I didn't know I can pass the params as key value.

    Claudiu Cojocaru
    2 weeks ago

Course Content

20m • 9 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers
    Kristian Freeman・36m・Course

    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.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock・1h 4m・Course

    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

    illustration for Practical Git for Everyday Professional Use
    Trevor Miller・1h・Course

    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.