Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React.js App Project - MERN Stack Tutorial

Dave Gray via YouTube

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

Reviews

Start your review of React.js App Project - MERN Stack Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.