Full stack Universal React with Redux, Node js and MongoDB

Full stack Universal React with Redux, Node js and MongoDB, available at $189.99, has an average rating of 3.55, with 64 lectures, based on 736 reviews, and has 3508 subscribers.

You will learn about 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 This course is ideal for individuals who are Someone who started learning React but finds difficult to grasp some of the critical topics to build an entire app independently or Someone who wants to learn server-side rendering and build Universal or Isomorphic React app or Someone who wants to understand most critical patterns involved on building an e-commerce application It is particularly useful for Someone who started learning React but finds difficult to grasp some of the critical topics to build an entire app independently or Someone who wants to learn server-side rendering and build Universal or Isomorphic React app or Someone who wants to understand most critical patterns involved on building an e-commerce application.

Enroll now: Full stack Universal React with Redux, Node js and MongoDB

Summary

Title: Full stack Universal React with Redux, Node js and MongoDB

Price: $189.99

Average Rating: 3.55

Number of Lectures: 64

Number of Published Lectures: 64

Number of Curriculum Items: 64

Number of Published Curriculum Objects: 64

Original Price: $189.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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 involved on building an e-commerce application

Target Audiences

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 involved on building an e-commerce application

Did you start learning React but you are struggling?to grasp the most import concepts such as: Redux, server-side rendering in React 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 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 don’t have much experience in javascript.?If you are an experienced 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.

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

Instructors

Marco Tomasello
IT Consultant

Rating Distribution

1 stars: 28 votes

2 stars: 27 votes

3 stars: 79 votes

4 stars: 223 votes

5 stars: 379 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!