Book Image

MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video]

By : Brad Traversy
Book Image

MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video]

By: Brad Traversy

Overview of this book

In this course you will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+. You will start with a bank text editor and end with a deployed full stack application.

Related Content you might be interested in

Current Title:

Small book image
MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video]
Brad Traversy
May, 2018 | 16 hours 24 minutes
No titles found
Table of Contents (13 chapters)
Free Chapter
1
Introduction
Welcome To the Course
A Look at the Main App
Before We Begin
VSCode Setup
2
Basic Express Setup
MongoDB Setup With mLab
Install Dependencies & Basic Server Setup
Connecting To MongoDB with Mongoose
Route Files with Express Router
3
User API Routes & JWT Authentication
Creating the User Model
User Registration & Postman
Email & Password Login
Creating the JWT
Passport JWT Authentication Strategy
Validation Handlers – 1
Validation Handlers – 2
4
Profile API Routes
Aside - Front End Visual
Creating the Profile Model
Current User Profile Route
Create & Update Profile Routes
Profile Field Validations
More Profile API Routes
Add Experience & Education Routes
Delete Education & Experience Routes
5
Post API Routes
Creating the Post Model
Post Create Route
Get & Delete Post Routes
Post Like & Unlike Routes
Add & Remove Comment Routes
6
Getting Started With React & the Frontend
A Look at the Bootstrap Theme & UI
Implementing React
Bootstrap & Assets Setup
Basic Layout
7
React Router & Component State
React Router Setup (v4)
Creating the Register Form with State
Creating the Login Form with State
Testing Registration with Our Form - No Redux Yet
Error Handling & Display
8
Redux & Authentication
Why We Need Redux
Redux Store & Chrome Extension Setup
Redux Action & Reducer Workflow Example
Registration & the Error Reducer
Redux Login Action & Set Current User
Login Form Functionality
Logout & Conditional Navbar Links
9
Dashboard & Profile State - Part 1
TextFieldGroupInput Component
Profile Reducer & Get Current Profile
Spinner Component & Dashboard Start
Private Route Setup
CreateProfile Component & Route
Form Field Components
Create Profile Form
Create Profile Functionality
10
Dashboard & Profile State - Part 2
Profile Actions Component & Delete Account
Edit Profile Component
Add Experience Form
Add Experience Functionality
Add Education Form & Functionality
Dashboard Experience Display & Delete
Dashboard Education Display & Delete
11
Profile Display
Profiles Component & getProfiles Action
Profile Items
Profile By Handle & Sub Components
Profile Header
Profile About & Credentials
Profile Github & Touch Ups
12
Posts & Comments
Post State & addPost Action
Posts & Post Form Component
getPosts Action & PostFeed Component
Post Item Component
Delete, Like & Unlike Posts
Single Post Display
Comment Form Component & Action
Comment Display & Delete
13
Prepare & Deploy
Securing Our Keys
Heroku Setup
Post Build & Deployment
Chapter 9
Dashboard & Profile State - Part 1
Content Locked
Section 6
Form Field Components
Dashboard & Profile State - Part 1: Form Field Components
Previous Section
End of Section 6
Next Section