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

YouTube

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

Dave Gray via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Reviews

Start your review of Redux Advanced Tutorial - React, Redux Toolkit, RTK Query Project

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.