Overview
Learn to build the frontend of a full-stack MERN (MongoDB, Express.js, React, Node.js) project in this 35-minute tutorial. Create a React.js application, implement routing with React Router, and structure your project effectively. Explore user stories, make early design decisions, and set up public and nested routes. Dive into file organization, create a dashboard welcome page, and establish routes for notes and users. Review the routing hierarchy and run the completed application to see your MERN stack frontend in action.
Syllabus
Intro
Welcome
Suggested Pre-Requisites
MERN Frontend
Starter Code
User Stories
Early Decisions: State, Structure, Routing
Install React Router
Apply React Router to index.js
Apply Basic Routing to App.js
Public Routes
Nested Dash Routes
File Structure
Dash Welcome
Notes and User Routes
Routing Hierarchy Review
Running the app
Taught by
Dave Gray