English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5 Hours | 836 MB
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.
- 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.
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.
You can find the entire source code in the e-book attached in the last section of the course.
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
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