Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Build a MERN Stack Project with React, Redux and RTK Query. This tutorial continues the MERN Stack Project series and continues to build the frontend React app. We will be adding Redux and RTK Query to the project.
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React & Redux: https://bit.ly/AdvReactDev
- The Complete Node.js Developer: https://bit.ly/CompleteNodeJS
- Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
Subscribe https://bit.ly/3nGHmNn
Course Updates https://courses.davegray.codes/
Discord https://discord.gg/neKghyefqh
Buy Me A Coffee https://www.buymeacoffee.com/davegray
Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
All Resources for this MERN Stack Project: https://github.com/gitdagray/mern_stack_course
Playlist for this MERN Stack Project Series: https://bit.ly/3Sn4EaI
MERN Stack Project with React Redux and RTK Query
(00:00) Intro
(00:13) Welcome
(00:24) Suggested Pre-Requisites
(00:55) Starter Code and Dependencies
(02:36) Redux apiSlice
(04:27) Configure the Redux store
(05:55) Provide the Redux store in index.js
(06:43) usersApiSlice, getUsers endpoint, and selectors
(14:33) Shortcut for notesApiSlice creation
(17:14) UsersList component
(21:18) User component
(24:39) Start the backend Node.js REST API
(25:29) View the UsersList
(27:01) NotesList component
(29:18) Note component
(32:13) View the NotesList
(33:36) sortComparer function
Suggested Pre-requisites for this MERN course:
Node.js for Beginners full course: https://youtu.be/f2EqECiTBL8
React JS for Beginners full course: https://youtu.be/RVFAyFWO4go
Redux Toolkit for Beginners full course: https://youtu.be/NqzdVN2tyvQ
React Login Playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PRCpm9clX0WiBEMB70FWwd
Tutorial References:
Redux Toolkit and RTK Query Official Site: https://redux-toolkit.js.org/
Was this MERN Stack tutorial with React, Redux, and RTK Query helpful? If so, please share. Let me know your thoughts in the comments.
#mern #react #redux