Redux Advanced Tutorial - React, Redux Toolkit, RTK Query Project

This tutorial transitions a React Redux blog project from Axios async thunks to RTK Query. It covers normalized cache state, query and mutation endpoints, generated hooks, cache invalidation, and optimistic updates.

Syllabus

Intro
Welcome
Prerequisite knowledge
Starter Source Code
JSON Server
Create an api slice
Update postSlice to an extended api slice
getPosts endpoint method
Update the postsSlice selectors
Reconfigure the store
Update index.js
PostsList component
PostAuthor component
getPostsByUserId endpoint method
addNewPost endpoint method
updatePost endpoint method
deletePost endpoint method
Export the auto-generated hooks
AddPostForm component
EditPostForm component
UserPage component
Header component
Optimistic Updates for Reactions
ReactionButtons component
View Redux state cache and network requests with dev tools