Code Refactoring in React, Node.js, Express, MongoDB - MERN Stack Project

This course demonstrates how to review and refactor a MERN stack project across its Node.js, Express, and MongoDB backend and React with Redux Toolkit frontend. It covers data validation, error handling, RTK Query prefetching, component refactoring, loading indicators, and a reusable page-title hook.

Syllabus

Intro
Welcome
Starter Code - Backend
Not a traditional code review
Unique data field vs checking for duplicates
Checking for case-sensitive data
Using the default user roles value
On not using findOneAndUpdate, etc.
Replacing express-async-handler
Additional error flag in handler
Starter Code - Frontend
validateStatus query property
prefetch vs initiate
Adding react-spinner dependency
Note component refactor
User component refactor
EditUser component refactor
NewNote component refactor
EditNote component refactor
Checking changes and network requests
Checking optimizations in Redux Devtools
Replace loading messages with spinners
useTitle hook for page titles