Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Redux Toolkit Query Tutorial and RTK Query CRUD Example App

Dave Gray via YouTube

Overview

Build a CRUD example app with RTK Query and React in this comprehensive tutorial. Learn how to abstract API logic from your code and create custom React hooks for easy implementation. Explore project dependencies, set up JSON Server, create API slices, apply useGetTodosQuery in TodoList, add mutations to the slice, and implement mutation hooks. Dive into advanced concepts like cached data, tags, invalidating cache, auto-refetching, and transforming responses. Gain hands-on experience with React Redux Toolkit Query while developing a practical application.

Syllabus

Intro
Welcome
Prerequisite knowledge
Project dependencies
React v18 index changes
JSON Server
App and TodoList components
Create an api slice
ApiProvider
Apply useGetTodosQuery in TodoList
Adding mutations to the slice
Apply mutation hooks in TodoList
Cached data
Tags, invalidating cache, and auto-refetching
Transforming the response

Taught by

Dave Gray

Reviews

Start your review of React Redux Toolkit Query Tutorial and RTK Query CRUD Example App

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.