Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Build React Forms with Redux & RTK Query data. In this MERN Stack tutorial, we will use RTK Query for CRUD operations, pre-populate React forms with Redux data, maintain Redux subscriptions, and prefetch data.

⭐ 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

React Forms with Redux & RTK Query | MERN Stack Tutorial

(00:00) Intro
(00:11) Welcome
(00:23) Suggested Pre-Requisites
(01:01) Starter Code
(01:26) User Stories Review
(03:21) usersApiSlice CRUD mutations
(07:11) notesApiSlice CRUD mutations
(07:53) Routing the Form components
(12:10) Config Roles
(12:59) New User Form
(24:02) Edit User component
(26:07) Edit User Form
(34:09) Start the backend REST API
(34:54) Understanding Redux Subscriptions
(39:00) Maintaining Subs with a Prefetch component
(45:06) Redux Listeners and useQuery options
(48:20) Add More Links
(48:40) Starting the Note forms
(52:05) Student Challenge

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/
Redux Devtools: https://github.com/reduxjs/redux-devtools

Was this MERN Stack tutorial with React Forms, Redux, and RTK Query helpful? If so, please share. Let me know your thoughts in the comments.

#react #redux #forms