YoVDO

React Forms with Redux & RTK Query - MERN Stack Tutorial

Offered By: Dave Gray via YouTube

Tags

Node.Js Courses React Courses Redux Toolkit Courses

Course Description

Overview

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


Taught by

Dave Gray

Related Courses

Advanced Monitoring and Optimizing with DynamoDB (Spanish)
Amazon Web Services via AWS Skill Builder
Advanced Monitoring and Optimizing with DynamoDB (Simplified Chinese)
Amazon Web Services via AWS Skill Builder
Amazon Connect Developer Assessment
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB for Serverless Architectures (Japanese)
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB for Serverless Architectures (Simplified Chinese)(中文配音版)
Amazon Web Services via AWS Skill Builder