Full stack Universal React with Redux, Node js and MongoDB
4.5 (306 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,815 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Full stack Universal React with Redux, Node js and MongoDB to your Wishlist.

Add to Wishlist

Full stack Universal React with Redux, Node js and MongoDB

Learn full stack javascript - Client and Universal React with Redux, Node js, Express, MongoDB and build a Shopping-cart
4.5 (306 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,815 students enrolled
Created by Marco Tomasello
Last updated 8/2017
English
English
Current price: $10 Original price: $195 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 4 Articles
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • To develop entire "client" and "universal" web applications in React js and Redux.
  • To implement server-side rendering in React js and mantaining state in Redux
  • To build your own API in Nodejs Express and MongoDB
  • To build your own MongoDB database
  • To deploy your React App to Amazon Web Services (AWS) and to Heroku
  • To develop a Universal Shopping-cart application in React, Redux Express and MongoDB
  • To manage user sessions in Express
  • To learn how all parts in full stack javascript applications fits together
  • To use React-router to develop Single Page Applications
View Curriculum
Requirements
  • Basic knowledge of NodeJs-Express
  • Basic knowledge of HTML
  • Basic knowledge of Javascript
  • Understanding of "state" and "props" in React
Description

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.

Who is the target audience?
  • Someone who started learning React but finds difficult to grasp some of the critical topics to build an entire app independently
  • Someone who wants to learn server-side rendering and build Universal or Isomorphic React app
  • Someone who wants to understand most critical patterns for building an e-commerce
Students Who Viewed This Course Also Viewed
Curriculum For This Course
62 Lectures
05:10:56
+
Learn Redux
12 Lectures 48:46




Your first app in Redux
04:14

How to make CRUD operations in Redux
05:51

Immutable State and Pure Functions
04:02

How to Update and Delete in Redux
03:18

How to Combine Reducers
05:42

Create action and reducer for the Cart
02:36

How to split actions in multiple files
05:01

WARNING:

Latest version of redux-logger (V3.0 and above) automatically export the logger function and therefore you have you have to replace "logger()" with "logger".

hereby, the correct code:


//STEP 1 create store
const middleware = applyMiddleware(logger);
const store = createStore(reducers, middleware);


How to use Redux Middleware
02:57
+
Learn React by building a Shopping-cart
18 Lectures 01:39:22
Create the first React application
03:34

Connect React Application to the Redux Store
05:53

Dispatch Actions from React
04:28

Styling the App
06:38

Shopping-cart App Structure
01:55

Create the BookItem component
03:19

Create the Books Form component
05:15

Connect Books Form component to the Store
04:42

Create the Cart - part 1
08:35

Create the Cart - part 2
06:38

Delete an item from the cart
06:20

Update quantities in the cart
07:21

Add Modal Window component to confirm purchase
05:12

How to calculate totals in the cart
04:46

Create the Form to delete books
06:36

Add the Navbar and Footer
07:26

React-router
08:54

Display a dynamic Badge on the cart
01:50
+
Learn how to build an API service
21 Lectures 01:54:58
Set-up Node-Express to run a complex architecture
05:22

Introduction to NoSQL databases
03:52

Install MongoDB and Robomongo
04:31

CRUD Operation in MongoDB
10:15

Create Books API - POST method
08:19

Create Books API - GET method
01:32

Create Books API - DELETE method
02:27

Create Books API - UPDATE method
04:10

Connecting the Client App to the API - part 1
02:13

Connecting the Client App to the API - part 2
05:24

Connecting the Client App to the API - part 3
03:29

Set up a Reverse Proxy
06:33

How to create a persistent shopping-cart - Intro
03:17

How to create a persistent shopping-cart - part 1
04:03

How to create a persistent shopping-cart - part 2
13:51

IMPORTANT CORRECTION - connect-mongo code
01:33

Create the API to get images from the server
03:11

Create the image selector for the form
12:50

BooksForm - Button with Feedback
06:53

Complete the Client app
10:02

Capture server exceptions
01:11
+
Learn how to make a React app Universal
8 Lectures 43:25
Introduction to React Universal and server-side rendering
03:15

Implement Server-side rendering
06:21

Implement Universal rendering
10:54

Deploy online the local Mongo database
05:53

Set up Git for the project
02:30

Deploy the app to Heroku
04:53

AWS set up
04:47

Deploy the app to AWS
04:52
+
React-Router V4 Migration guidelines
2 Lectures 04:44
Guidelines How to migrate to React-Router V4 - Client side version
02:10

Guidelines How to migrate to React-Router V4 - Universal version
02:34
+
E-book with all code "lecture by lecture"
1 Lecture 00:25
E-book
00:25
About the Instructor
Marco Tomasello
4.5 Average rating
303 Reviews
1,815 Students
1 Course
IT Consultant

• Nine years of experience in an FMCG company managing full software development life-cycle of a wide range of Global and Regional IT projects.

• Five years managing a creative agency and overall fifteen years of experience in software, web and multimedia development for various size of private and public companies.

• Robust background in project and change management with a deep knowledge of Digital Marketing, PRINCE2, Agile SCRUM and Business Analysis methodologies.