YoVDO

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

Offered By: Dave Gray via YouTube

Tags

Redux Toolkit Courses React Courses Redux Courses RTK Query Courses

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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity