Full stack Universal React with Redux, Node js and MongoDB

Full stack Universal React with Redux, Node js and MongoDB

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5 Hours | 836 MB

Learn full stack javascript – Client and Universal React with Redux, Node js, Express, MongoDB and build a Shopping-cart

Did you start learning React but you are struggling to grasp the most import concepts such as: Redux, server-side rendering or how to build your own API?

In this course you will learn:

  • how to develop scalable web applications by managing the “state” in Redux
  • how to implement Universal or Isomorphic React applications to maximise performance and SEO compliancy
  • how to build APIs with Node Express js and MongoDB
  • How to deploy your app to AWS (Amazon Web Services) or to Heroku.

Bonus material:

  • in the course you will find an eBook with all code & changes lecture by lecture!

If you want to become a professional React web developer, it is critical to master Redux and server-side rendering.

Redux allows you to manage the state in React in a convenient and flexible fashion. Without Redux, you will never be able to develop scalable apps.
Server-side rendering, it is critical for performances and SEO compliancy. Without understanding server-side rendering, you will never be able to develop commercially valuable web applications.

Initially, I will be focusing on explaining the concepts and patters in React js (MERN stack) and writing the bear minimum code to make easier for you to absorb all new notions without distraction, but later in the course you will write an entire React js Shopping-cart application from scratch.

It will give you the opportunity to consolidate all your learnings in a challenging project!

By developing an entire shopping-cart, you will be exposed to the most critical patterns in React js web development allowing you to build complex and scalable web application on your own after the course.

THIS COURSE IS NOT FOR ABSOLUTE BEGINNERS. Beside a basic knowledge of html and javascript the students must to have a good understanding of “state” and “props” in React.

In principle, if you are able to write a basic “To-do” app in React, you will not encounter any problem on understanding the lectures and benefit from the course.

THE CODE IS ES6 WITHOUT SYNTACTIC SUGAR to make the code less cryptic and more readable and transparent to those who have not much experience in javascript. If you are an experience javascript developer, you will have no issue to adopt any syntactic sugar you wish on the fly.

You can find the entire source code in the e-book attached in the last section of the course.

Table of Contents

Learn Redux
1 Goal of this course Source Code
2 Why do you need Redux
3 What Redux is and How React-Redux work together
4 Set-up a small project
5 Your first app in Redux
6 How to make CRUD operations in Redux
7 Immutable State and Pure Functions
8 How to Update and Delete in Redux
9 How to Combine Reducers
10 Create action and reducer for the Cart
11 How to split actions in multiple files
12 How to use Redux Middleware

Learn React by building a Shopping-cart
13 Create the first React application
14 Connect React Application to the Redux Store
15 Dispatch Actions from React
16 Styling the App
17 Shopping-cart App Structure
18 Create the BookItem component
19 Create the Books Form component
20 Connect Books Form component to the Store
21 Create the Cart – part 1
22 Create the Cart – part 2
23 Delete an item from the cart
24 Update quantities in the cart
25 Add Modal Window component to confirm purchase
26 How to calculate totals in the cart
27 Create the Form to delete books
28 Add the Navbar and Footer
29 React-router
30 Display a dynamic Badge on the cart

Learn how to build an API service
31 Set-up Node-Express to run a complex architecture
32 Introduction to NoSQL databases
33 Install MongoDB and Robomongo
34 CRUD Operation in MongoDB
35 Create Books API – POST method
36 Create Books API – GET method
37 Create Books API – DELETE method
38 Create Books API – UPDATE method
39 Connecting the Client App to the API – part 1
40 Connecting the Client App to the API – part 2
41 Connecting the Client App to the API – part 3
42 Set up a Reverse Proxy
43 How to create a persistent shopping-cart – Intro
44 How to create a persistent shopping-cart – part 1
45 How to create a persistent shopping-cart – part 2
46 IMPORTANT CORRECTION – connect-mongo code.html
47 Create the API to get images from the server
48 Create the image selector for the form
49 BooksForm – Button with Feedback
50 Complete the Client app
51 Capture server exceptions

Learn how to make a React app Universal
52 Introduction to React Universal and server-side rendering
53 Implement Server-side rendering
54 Implement Universal rendering
55 Deploy online the local Mongo database
56 Set up Git for the project
57 Deploy the app to Heroku
58 AWS set up
59 Deploy the app to AWS

React-Router V4 Migration guidelines
60 Guidelines How to migrate to React-Router V4 – Client side version.html
61 Guidelines How to migrate to React-Router V4 – Universal version.html

E-book with all code lecture by lecture
62 E-book.html