React Redux Toolkit RTK Query Tutorial | RTK Query CRUD | Data Fetching & Caching Tool - 1

preview_player
Показать описание
In this video we will explore the Redux Toolkit RTK Query in detail with example. RTK Query is a powerful data fetching and caching tool. It is designed to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching & caching logic yourself.

⭐️GitHub link for Reference⭐️

⭐️RTK Query Overview⭐️

⭐️ Support my channel⭐️

🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:43 - Bootstrap Application
0:01:48 - RTK Query Overview
0:04:12 - Create API using RTK Query
0:05:45 - JSON server
0:11:53 - Create Redux Store
0:15:28 - Provider vs Api Provider
0:17:22 - Data Fetching using hooks
0:19:15 - Fetch All Contacts
0:22:55 - Adding new endpoint
0:24:29 - Fetch Contact Details using hooks
0:28:13 - Outro

***React Roadmap for Developers in 2021***

🔗 Social Medias 🔗

⭐️ Tags ⭐️
- Learn Redux RTK Query
- Redux Toolkit RTK Query Overview
- RTK Query for beginners
- Data Fetching RTK Query Tool
- How to use Redux RTK Query

⭐️ Hashtags ⭐️
#react #redux #toolkit #RTK #beginners #tutorial

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
Рекомендации по теме
Комментарии
Автор

Guys, if the video is helpful to you or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉

DipeshMalvia
Автор

Thank you very much for detailed explanation how to configure RTK!

a
Автор

Thanks bro finally aapne mera request sun liya

vinaykumar
Автор

Awesome videos - great information - great explanations 😃😃😃

mohamedyoussef
Автор

such great stuff. Haven't found this good of tutorials on current redux. Thanks

Aaronmoreno
Автор

I was really looking for this crud application because i wanna use rtk query in my project. Thank you

dexcoder
Автор

First view ..first like ..first comment too

purnashankar
Автор

Using rtk query we don't have to write any reducers??

What if I have to customise my reducer it's quite confusing

hk_build
Автор

Sir you have made a tutorial on redux I have learned redux from there it was amazing but please also add add and update functionality in the redux playlist. Because it has only fetch products and fetch single product concept.

nazimkhan
Автор

Could you please make a video on NextJS + RTK + RTK query?

mohdsahil
Автор

HI Dipesh.. Thanks a lot for uploading this video.. very useful and well explained.. can you please make a video using advanced features of rtk query.. like inject endpoints, combining reducers.. etc

FunwithIndra
Автор

sir, it is possible to implement rtk query in react native?.if possible sir can u make a crash course react native using rtk query

hymnsbharat
Автор

Thanks! Could you please do the with NextJs as it gives static pages so do we need to add every API to reducer to cache? Please help

mohdsahil
Автор

The video was helpful. Can you please tell how to export those builder queries as functions as we can't use them as hooks inside a useEffect hook?

sayandas
Автор

I didn't understand the reducer part at 14:19 sir can u plz explain it to me, the syntax also

yuvhrajverma
Автор

quick question:
So you are passing a id props to ContactDetails component. But In my case I don't want to pass that value as a prop. I just have a dropdown in ContactDetails page and whenever that dropdown value change I want to trigger me useget query.

how I can do that?

adeshgangwar
Автор

How I can use RTK query with async thunk?

ahmadfaraz
Автор

Can you please complete this series as soon as possible .. please...
And are you making a curd operation ??

bestsolution
Автор

Great video, i have a question for redux toolkit query. I want to custom data in store, how do I do it <3

haupham
Автор

Thank you for the grear resource.

I have a question what if we have to do multiple api calls in the same component at different time interval.

At that time how to get isLoading, isFetching, error (since alreday declared for the 1st hook)?

subhashgn