React Redux Toolkit Query Tutorial and RTK Query CRUD Example App

In this React Redux Toolkit Query tutorial, you will build a CRUD example app with RTK Query and React. RTK Query abstracts API logic from your code and creates custom React hooks for easy implementation.

⭐ Become a full-stack web dev with Zero To Mastery Courses:

React Redux Toolkit Query Tutorial and RTK Query CRUD Example App

(00:00) Intro
(00:14) Welcome
(00:28) Prerequisite knowledge
(00:46) Project dependencies
(01:41) React v18 index changes
(02:17) JSON Server
(03:48) App and TodoList components
(05:07) Create an api slice
(08:47) ApiProvider
(09:57) Apply useGetTodosQuery in TodoList
(12:30) Adding mutations to the slice
(15:21) Apply mutation hooks in TodoList
(18:08) Cached data
(19:14) Tags, invalidating cache, and auto-refetching
(21:48) Transforming the response

📚 Tutorial References:

📚 General Redux Toolkit References:

🔗 ES7 React JS Snippets Extension for VS Code:

🔗 React Dev Tools Extension for Chrome:

📚 General React References:

✅ Follow Me:

Was this tutorial about RTK Query and building an example CRUD app helpful? If so, please share. Let me know your thoughts in the comments.

#redux #rtk #query

[medi]

This video should be added to the docs, as an easy guide to get started with RTK Query, just amazing!

[dustyhordofelbamana]

Hello Dave, I would like to thank you for your multifaceted contribution in the life of several developers in the world and in particular mine. I am in full reconversion, and your videos are a breath of oxygen, so much it allows me to apprehend the thing differently. GOD Bless You, one of your admirers from France!

[SimPwear]

Great intro! Thank you so much for this lesson. You're such a gem providing useful and real world problems and solutions.

[vincent]

hi Dave! I just want to say a big thank you for your efforts in creating a lot of tutorial playlists, especially React and Redux.
The playlist on your channel is my main intake when learning new technology, because you really don't just present shallow content for tutorial size, but you dare to explore topics that are much more advanced. Even now I have got a job as a web frontend, your channel is still the first place I'm looking for 😉💌

[randomvideos]

Thank you very much. Your explanation makes me more understanding of the RTK query.

[muhammadhaseebfarooqkhan]

Thank you Dave, You really elaborated every thing along side cases which help us to understand more clearly.

[saketparasher]

I asked for rtk query at beginning of redux toolkit series, and got it. Thanks Dave. ❤❤
Learn a lot from your react authentication and authorization series.

[flaviacohen]

This is the best tutorial of RTK Query i've found so far! Thanks a lot!!

[austinstephens]

Dave, Thanks for this breif tutorial on RTK Query. My team at work is using it in our project and I was looking for a quick and decent video on the topic to ease myself into learning it. This video did just that. Thank you sir.

[CryPoison]

Thank you very much. I was a bit scared at first but knowing context api and redux makes this one easier than ever.

[fancyAlex]

Tried learning rtk query on my own using the documentation, it was hell ! Thank you for simplifying it

[robg]

Thanks for the great tutorial. I have been dabbling a bit in RTK and so many things clicked for me while I was watching this

[mounis]

Just what I was looking for, thanks a lot!

[eslamelwakeil]

Thanks mr Dav for this amazing content❤️❤️

[jomaramomas]

Thank you again for an awesome video man! Keep it up!

[ahmedmusawir]

This is the best one on the topic by far ... Great job! Thanx!!

[josesantillan]

Marvelous! Thanks man. Keep it that way

[samislam]

Wow, this explanation is literally the best in the universe 🤔 You deserve the GOLDEN BUZZ! 🎉

[emanuelmejia]

Your videos are gold, thanks so much!

[hamidturkistani]

Thank you Dave, we need more people like you.