Full stack Universal React with Redux, Node js and MongoDB

Course Curriculum

Chapter 1: Learn Redux

Lecture 1: Goal of this course & Source Code

Lecture 2: Why do you need Redux?

Lecture 3: What Redux is and How React-Redux work together

Lecture 4: Set-up a small project

Lecture 5: Your first app in Redux

Lecture 6: How to make CRUD operations in Redux

Lecture 7: Immutable State and Pure Functions

Lecture 8: How to Update and Delete in Redux

Lecture 9: How to Combine Reducers

Lecture 10: Create action and reducer for the Cart

Lecture 11: How to split actions in multiple files

Lecture 12: How to use Redux Middleware

Chapter 2: Learn React by building a Shopping-cart

Lecture 1: Create the first React application

Lecture 2: Connect React Application to the Redux Store

Lecture 3: Dispatch Actions from React

Lecture 4: Styling the App

Lecture 5: Shopping-cart App Structure

Lecture 6: Create the BookItem component

Lecture 7: Create the Books Form component

Lecture 8: Connect Books Form component to the Store

Lecture 9: Create the Cart – part 1

Lecture 10: Create the Cart – part 2

Lecture 11: Delete an item from the cart

Lecture 12: Update quantities in the cart

Lecture 13: Add Modal Window component to confirm purchase

Lecture 14: How to calculate totals in the cart

Lecture 15: Create the Form to delete books

Lecture 16: Add the Navbar and Footer

Lecture 17: React-router

Lecture 18: Display a dynamic Badge on the cart

Chapter 3: Learn how to build an API service

Lecture 1: Set-up Node-Express to run a complex architecture

Lecture 2: Introduction to NoSQL databases

Lecture 3: Install MongoDB and Robomongo

Lecture 4: CRUD Operation in MongoDB

Lecture 5: Create Books API – POST method

Lecture 6: Create Books API – GET method

Lecture 7: Create Books API – DELETE method

Lecture 8: Create Books API – UPDATE method

Lecture 9: Connecting the Client App to the API – part 1

Lecture 10: Connecting the Client App to the API – part 2

Lecture 11: Connecting the Client App to the API – part 3

Lecture 12: Set up a Reverse Proxy

Lecture 13: How to create a persistent shopping-cart – Intro

Lecture 14: How to create a persistent shopping-cart – part 1

Lecture 15: How to create a persistent shopping-cart – part 2

Lecture 16: IMPORTANT CORRECTION – connect-mongo code

Lecture 17: Create the API to get images from the server

Lecture 18: Create the image selector for the form

Lecture 19: BooksForm – Button with Feedback

Lecture 20: Complete the Client app

Lecture 21: Capture server exceptions

Lecture 22: How to achieve 100% SPA applcation

Chapter 4: Learn how to make a React app Universal

Lecture 1: Introduction to React Universal and server-side rendering

Lecture 2: Implement Server-side rendering

Lecture 3: Implement Universal rendering

Lecture 4: Deploy online the local Mongo database

Lecture 5: Set up Git for the project

Lecture 6: Deploy the app to Heroku

Lecture 7: AWS set up

Lecture 8: Deploy the app to AWS

Chapter 5: React-Router V4 Migration guidelines

Lecture 1: Guidelines How to migrate to React-Router V4 – Client side version

Lecture 2: Guidelines How to migrate to React-Router V4 – Universal version

Chapter 6: Webpack 4

Lecture 1: Config and use webpack 4

Chapter 7: E-book with full version of code "lecture by lecture"

Lecture 1: E-book