Course Introduction and Application Walk through for RTK Query Basics

Set up RTK Query with createAPI and ApiProvider that Serve Fake Data

Fetch Data from a Live Endpoint with RTK Query

Pass Query Arguments to RTK Query Hooks

Refactor RTK Query Endpoints to use baseQuery to Remove Code Duplication

Refactor baseQuery to use RTK Query fetchBaseQuery

Convert a RTK Query Application to TypeScript

Explore Redux Devtools to Understand Your RTK Query App Data Fetching Behavior

Refactor RTK Query to Use a Normal Redux Toolkit Store

RTK Query Basics: Query Endpoints, Data Flow and TypeScript

Currently our implementation just returns hardcoded data that we have in JSON. We want real data! 

This lesson swaps out our hardcoded data for real endpoints.

https://app.egghead.io/api/v1/lessons/redux-fetch-data-from-a-live-endpoint-with-rtk-query/subtitles

Instructor: [0:00] Our next step is to really get this data from the server. We want to fetch the listing data from this URL. We get our result by awaiting fetch with this URL we just used and we get the data out of that by awaiting result.json.
[0:28] Then, we return the data. This right now has no error handling. Let's do that too. If result is OK, we do this. Otherwise, we return an error. Something went wrong. Now, we can repeat the same for our other endpoint.

[0:55] Get the right URL here. If we look at the browser, let's get the data but now from the server.

Fetch Data from a Live Endpoint with RTK Query

Share this video with your friends

Course

RTK Query Basics: Query Endpoints, Data Flow and TypeScript