React Forms with Redux & RTK Query - MERN Stack Tutorial

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to build React forms with Redux and RTK Query in this comprehensive MERN stack tutorial. Master CRUD operations using RTK Query, pre-populate forms with Redux data, maintain Redux subscriptions, and implement data prefetching. Explore the integration of React forms with Redux state management and RTK Query for efficient data handling in a full-stack web application. Follow along to create user and note forms, set up routing, configure roles, and understand Redux subscriptions. Gain practical insights into maintaining subscriptions with a Prefetch component and utilizing Redux listeners and useQuery options for optimal performance.

Syllabus

Intro
Welcome
Suggested Pre-Requisites
Starter Code
User Stories Review
usersApiSlice CRUD mutations
notesApiSlice CRUD mutations
Routing the Form components
Config Roles
New User Form
Edit User component
Edit User Form
Start the backend REST API
Understanding Redux Subscriptions
Maintaining Subs with a Prefetch component
Redux Listeners and useQuery options
Add More Links
Starting the Note forms
Student Challenge