Web Dev Roadmap for Beginners (Free!): [ Ссылка ]
In this Redux advanced tutorial, we will use React, Redux Toolkit, and RTK Query to completely transition a blog project from Axios async thunks to RTK Query, normalized state and optimistic updates.
💖 Support me on Patreon ➜ [ Ссылка ]
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React & Redux: [ Ссылка ]
- Jr to Senior Web Dev Roadmap: [ Ссылка ]
- Master FAANG Coding Interviews: [ Ссылка ]
🚩 Subscribe ➜ [ Ссылка ]
🚀 React JS for Beginners full course - 9 hours: [ Ссылка ]
👀 React Redux Toolkit tutorial series - [ Ссылка ]
📬 Course Updates ➜ [ Ссылка ]
🔗 Source Code and Resources for this Redux Toolkit Series: [ Ссылка ]
Redux Advanced Tutorial - React, Redux Toolkit, RTK Query Project
(00:00) Intro
(00:34) Welcome
(00:48) Prerequisite knowledge
(01:05) Starter Source Code
(01:46) JSON Server
(03:50) Create an api slice
(05:43) Update postSlice to an extended api slice
(08:54) getPosts endpoint method
(13:19) Update the postsSlice selectors
(15:50) Reconfigure the store
(17:51) Update index.js
(18:59) PostsList component
(21:18) PostAuthor component
(22:21) getPostsByUserId endpoint method
(24:50) addNewPost endpoint method
(26:09) updatePost endpoint method
(27:13) deletePost endpoint method
(27:58) Export the auto-generated hooks
(28:30) AddPostForm component
(30:57) EditPostForm component
(33:13) UserPage component
(36:04) Header component
(37:00) Optimistic Updates for Reactions
(42:49) ReactionButtons component
(44:57) View Redux state cache and network requests with dev tools
☕ Buy Me A Coffee: [ Ссылка ]
📚 Tutorial References:
🔗 NPM JSON-Server: [ Ссылка ]
📚 General Redux Toolkit References:
🔗 Official Site for Redux Toolkit: [ Ссылка ]
🔗 Redux Devtools: [ Ссылка ]
🔗 Immer.js: [ Ссылка ]
🔗 ES7 React JS Snippets Extension for VS Code:
[ Ссылка ]
🔗 React Dev Tools Extension for Chrome:
[ Ссылка ]
📚 General React References:
ReactJS Official site: [ Ссылка ]
React Wikipedia: [ Ссылка ]
React Jobs: [ Ссылка ]=
✅ Follow Me:
Github: [ Ссылка ]
Twitter: [ Ссылка ]
LinkedIn: [ Ссылка ]
Blog: [ Ссылка ]
Reddit: [ Ссылка ]
Was this tutorial about Advanced Redux with RTK Query and React helpful? If so, please share. Let me know your thoughts in the comments.
#react #redux #advanced
![](https://i.ytimg.com/vi/9P2IUx13MZI/maxresdefault.jpg)