React Redux Toolkit RTK Query | Powerful Data Fetching and Caching Tool

RTK Query is a powerful data fetching and caching tool. RTK Query is already included in the @reduxjs/toolkit library as an additional addon, so you do not need to use the RTK Query APIs. We will learn how to fetch data using this tool. Let's jump into it!

⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:

💻 Source code:

🔗 Related crash courses:

ℹ️ References:

🔥 Useful:

❤️ Support the channel:

🌎 Find me on:

🎬 My gear:

🕒 Timestamps:
00:00 Intro
00:30 Overview
01:09 Refresh memory
02:53 Create API slice
08:30 Configure store
12:26 Display users

#rtkquery #redux #reduxtoolkit

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

[havelboumbidi]

I came to this video because the title said "...and cashing tool" I thought you were going to cover how caching works with RTK Query. But you didn't.

[rhou]

Very helpful. Thank you. One basic question: For query, because we are just calling the hook, does it mean it runs whenever the component runs? If so, it can be used in a component/page that does not re-render often. Otherwise we will be running the query excessively.
Another side of the question is: Can we run the query on demand? even from inside a function?
If anyone has any idea/answer to the above, it will be greatly appreciated.

[wishmaker]

Cool overview, thanks! And I'm wondering, do we need Redux-Saga now? :)

[Fhjjjhhh]

I got Err TypeError: (0, is not a function

[Fighithebird]

Great walkthrough of how getUser RTK hook works, thanks for the demo.

[hieupham]

Giả sử em dùng RTK và muốn khi mở trang web nó sẽ hiển thị data mẫu (tạm thời) xong rồi fetch data từ API endpoint thì có được không ạ?
Em thấy createAsyncThunk có initialState á.

[Marco-nfly]

Hi. Thanks you for this video. If I want to execute the query when a button is clicked. How to handle it? I am using it but it is fetching every time the web app loads. Thanks.

[alansaldivares]

This is awesome! looks simpler than the docs which I personally think are over-complicated.

[rezabozorgi]

I'm using action creators for managing async calls. How can I use RTK query to replace it exactly?
another question of mine is, how can we use localstorage correctly with RTK query?
thank you

[ahmetkuslular]

Thanks for video. How can I load more here?

[shawnlee]

How do I manipulate the data upon fetching it? Before using RTK Query I used a promise callback to dispatch the data to my store and then alter it with many reducers. :'(

[TheWebIsYourFriend]

If I wanted to manipulate that data after Its loaded how do I do this? For example filtering, or adding to the data but locally only without posting changes.

[siddharth]

sir how to add pagination and search functoionality in this project

[DeepakGupta-hjdv]

please make on one video React unit testing

[Shin-jjqt]

You did not explain it properly man! Sucks