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