React Redux Toolkit RTK Query Crash Course | RTK Query CRUD Application for Beginners

In this video we will explore the Redux Toolkit RTK Query and Mutations 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.

⭐️ Hirect ⭐️

Appraisals are not always about salary hikes. After working hard for a whole year, we want greater responsibilities, promotions, work life balance, and so much more!

If your current job can't give this to you, just hop on to Hirect. On Hirect you can search for the job you want and chat directly with startup founders and CEOs to get hired quickly. Also, no consultants are involved here.

So, what are you waiting for?

Jobs in India
Jobs online
Find jobs online
hiring
Companies job portals in India
Online jobs in India
Startup jobs
Startup jobs in India
Startups hiring in India
Jobs in startups
Get hired in startup

⭐️GitHub link for Reference⭐️

⭐️RTK Query Overview⭐️

⭐️ Support my channel⭐️

🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:02:22 - Bootstrap Application
0:03:42 - RTK Query Overview
0:05:53 - Create API using RTK Query
0:07:31 - JSON server
0:13:40 - Create Redux Store
0:17:14 - Provider vs Api Provider
0:19:07 - Data Fetching using hooks
0:19:55 - Fetch All Contacts
0:24:35 - Adding new endpoint
0:24:29 - Fetch Contact Details using hooks
0:29:59 - Understanding RTK Query Mutations
0:31:18 - Create Mutation Endpoints
0:35:44 - Mutation Hooks
0:36:29 - Add Operation with RTK query hook
0:42:09 - RTK query refetch
0:43:20 - Auto-fetching Providing and Invalidating tags
0:47:32 - Update Operation with RTK query hook
0:48:02 - Delete Operation with RTK query hook
0:51:06 - 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
- Mutations in RTK Query

⭐️ Hashtags ⭐️
#react #redux #toolkit #RTKQuery #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.

[DipeshMalvia]

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

[abdullahlimon]

Great Man! I had searched for 20 or more videos on Youtube for learning RTK Query, I Assure you guys it is the best He covers every Essentials topics and does not miss anything. You can start working after watching this.

[kidusabebe]

The best Video for understanding the Redux Toolkit. Thank You very much Dipesh Malvia.

[MDMUSASHUVA]

This is one of the best RTK Query content.

[nikhilrai]

Understandable rtk query concept video on the whole youtube.

[LuteusPoeta]

Thank you for the video!! I've been feeling overwhelmed by the documentations since they include everything at once and your video helped me a lot as a beginner

[kenanhaciyev]

Amazing bro, thank you so much, now - react ts + rtk - is the most important technologies, thanks for this mini tutorial))

[banalola]

Best video I have seen so far on RTK Query. Much appreciated!

[moulevj]

Thanks for this amazing content man ! loved it 😍

[humendra]

Really helpful Depesh. You saved my lot of time

[rajankhunt]

when you live which company in you work now days and make video on mern projects and your teaching is very good.
thank you for making video.

[sebastianwolfgang]

Best available content on TS+RTK-query on the internet! I’m currently studying for interviews, if I get hired it’ll be thanks to you bro, thank you

[soumya_priyadarshi]

Till today, undoubtedly the best RTK Query video in youtube

[JohnDoe-tovr]

you are the best, keeeep up the great work👌👌👌👌

[jackhoang]

really good tutorial! Just subscribed your channel.

[wingmann]

hi dipesh!
can you explain how does onCacheEntryAdded() works with WebSockets?

[mohamedyoussef]

Awesome videos - great information - great explanations 😃😃😃

[zude]

Thanks for the video bro, I have a question on how to use multiple parameters when posting data. here is my use case `${baseURL}/route/${id}`, {productId: productId}, {headers: {authorization: `${token}`} how can set up in order to hit this endpoint

[nomikhan]

Can you please suggest extension for RTK query in visual studio

[kirannk]

Hi Bro, i have a problem invalidating the cache when i use pagination with RTK query and infinite scroll.
I have a notification data which can be individually marked as Read or all the messages can be marked as Read. I have a query end point which accepts pageNumber to render the data. When the user is in page 5, if he clicks on Mark all as read, I am unable to invalidate cache which belongs to other pages. Same problem with individual read as well. When the user is in page 2, if he scrolls back to page 1, invalidating the cache re-renders page2 instead of 1. I have tried optimistic updates of cache. But unable to find solution to invalidate the entire cache/ specific page cache. Please help.