Redux Advanced Tutorial - React, Redux Toolkit, RTK Query Project
Offered By: Dave Gray via YouTube
Course Description
Overview
Learn advanced Redux techniques in this comprehensive tutorial video. Transition a blog project from Axios async thunks to RTK Query, implementing normalized state and optimistic updates using React and Redux Toolkit. Explore creating an API slice, configuring endpoints for CRUD operations, updating components, and implementing optimistic updates for reactions. Gain hands-on experience with JSON Server, Redux DevTools, and best practices for managing complex state in React applications. Follow along with step-by-step instructions to enhance your Redux skills and build more efficient, scalable React applications.
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
Taught by
Dave Gray
Related Courses
MERN Stack Full Tutorial and Project - Complete All-in-One CourseDave Gray via YouTube JWT Authentication - Persist Login State on Refresh - MERN Stack
Dave Gray via YouTube Login Authentication in React.js with Redux - MERN Stack Project
Dave Gray via YouTube React Query Tutorial for Beginners vs Redux, Axios with CRUD Example
Dave Gray via YouTube Build and Deploy a GPT AI Article Summarizer Application with React
JavaScript Mastery via YouTube