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

MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video] Book Cover
Preview Online
Code Files

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

Brad Traversy

1 customer reviews
Build and deploy a social network with Node.js, Express, React, Redux and MongoDB. Learn how to put it all together
Quick links: > Table of contents > What will you learn? > Preview
Mapt Subscription
FREE
€29.98/m after trial
Video
€10.54
RRP €140.38
Save 92%
What do I get with a Mapt subscription?
  • Unlimited access to all Packt’s 6,000+ eBooks and Videos
  • 100+ new titles a month, learning paths, assessments & code files
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
€0.00
€10.54
€29.99 p/m after trial
RRP €140.38
Subscription
Video
Start 14 Day Trial

Frequently bought together


MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video] Book Cover
MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video]
€ 140.38
€ 10.54
MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video]
May 2018
16 hours 24 minutes
€ 10.54
Angular and Node.js - The MEAN Stack Guide [Video] Book Cover
Angular and Node.js - The MEAN Stack Guide [Video]
€ 134.38
€ 10.54
Angular and Node.js - The MEAN Stack Guide [Video]
Oct 2018
12 hours 35 minutes
€ 10.54
Buy 2 for €21.08
Save €211.40
Add to Cart

Video Details

ISBN 13 9781789343120
Course Length 16 hours 24 minutes

Table of Contents

Introduction
Welcome To the Course
A Look at the Main App
Before We Begin
VSCode Setup
Basic Express Setup
MongoDB Setup With mLab
Install Dependencies & Basic Server Setup
Connecting To MongoDB with Mongoose
Route Files with Express Router
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
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
Post API Routes
Creating the Post Model
Post Create Route
Get & Delete Post Routes
Post Like & Unlike Routes
Add & Remove Comment Routes
Getting Started With React & the Frontend
A Look at the Bootstrap Theme & UI
Implementing React
Bootstrap & Assets Setup
Basic Layout
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
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
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
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
Profile Display
Profiles Component & getProfiles Action
Profile Items
Profile By Handle & Sub Components
Profile Header
Profile About & Credentials
Profile Github & Touch Ups
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
Prepare & Deploy
Securing Our Keys
Heroku Setup
Post Build & Deployment

Video Description

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.

Style and Approach

This is not an "Intro to React" or "Intro to Node" course. It is a practical hands-on course for building an app using the incredible MERN stack. The author tries and explains everything as he goes so it is possible to follow without React/Node experience but it is recommended that you know at least the basics first.

Video Preview

What You Will Learn

  • Build a full stack social network app with React, Redux, Node, Express & MongoDB
  • Create an extensive backend API with Express
  • Use Stateless JWT authentication practices
  • Integrate React with an Express backend in an elegant way
  • Use Redux for state management
  • Deploy to Heroku with a post-build script

Authors

Table of Contents

Introduction
Welcome To the Course
A Look at the Main App
Before We Begin
VSCode Setup
Basic Express Setup
MongoDB Setup With mLab
Install Dependencies & Basic Server Setup
Connecting To MongoDB with Mongoose
Route Files with Express Router
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
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
Post API Routes
Creating the Post Model
Post Create Route
Get & Delete Post Routes
Post Like & Unlike Routes
Add & Remove Comment Routes
Getting Started With React & the Frontend
A Look at the Bootstrap Theme & UI
Implementing React
Bootstrap & Assets Setup
Basic Layout
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
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
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
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
Profile Display
Profiles Component & getProfiles Action
Profile Items
Profile By Handle & Sub Components
Profile Header
Profile About & Credentials
Profile Github & Touch Ups
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
Prepare & Deploy
Securing Our Keys
Heroku Setup
Post Build & Deployment

Video Details

ISBN 139781789343120
Course Length16 hours 24 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Angular and Node.js - The MEAN Stack Guide [Video] Book Cover
Angular and Node.js - The MEAN Stack Guide [Video]
€ 134.38
€ 10.54
Angular and Node.js - The MEAN Stack Guide [Video]
Oct 2018
12 hours 35 minutes
€ 10.54
ASP.NET Core Full-Stack Development Projects [Video] Book Cover
ASP.NET Core Full-Stack Development Projects [Video]
€ 128.38
€ 10.54
ASP.NET Core Full-Stack Development Projects [Video]
Oct 2018
4 hours 46 minutes
€ 10.54
The Complete React Js and Redux Course - Build Modern Web Apps [Video] Book Cover
The Complete React Js and Redux Course - Build Modern Web Apps [Video]
€ 178.78
€ 10.56
The Complete React Js and Redux Course - Build Modern Web Apps [Video]
Nov 2018
8 hours 3 minutes
€ 10.56
Hands-On Full-Stack Web Development with ASP.NET Core Book Cover
Hands-On Full-Stack Web Development with ASP.NET Core
€ 37.18
€ 10.54
Hands-On Full-Stack Web Development with ASP.NET Core
Oct 2018
478 pages
€ 10.54
Modernize Node.js Web Apps with Azure App Service [Video] Book Cover
Modernize Node.js Web Apps with Azure App Service [Video]
€ 128.38
€ 10.54
Modernize Node.js Web Apps with Azure App Service [Video]
Oct 2018
2 hours 14 minutes
€ 10.54
Real World Node.js Projects [Video] Book Cover
Real World Node.js Projects [Video]
€ 128.38
€ 10.54
Real World Node.js Projects [Video]
Oct 2018
3 hours
€ 10.54