Mastering React with Redux

JavaScript and ES6

1. Understanding JavaScript
2. Understanding ES6
3. JavaScript Data Types – Primitive & Non-Primitive
4. Naming a variable
5. Number Mathematics

var, let and const

1. Using var
2. Using let
3. Using const

Functions and Arrow Function

1. Different types of Functions
2. Named Function
3. Anonymous Function
4. Arrow Function
5. Anonymous Function vs. Arrow Function

Objects and Constructor Function

1. Creating Object
2. Literal Object
3. Primitive types as Objects
4. Constructor Function

Class and Methods

1. ES6 Class
2. Class Members
3. Templated String

Introduction to React

1. Introduction to React
2. Why React?
3. Advantages of React
4. React Development Style

Setting Up Environment

1. Installing Node.js
2. Installing Visual Studio and Visual Studio Code
3. Useful VS Extensions for React Development
4. Useful VS Code Extensions for Angular Development

Get Started with React

1. Setting up the React App
2. Running the React App
3. React Initialization Process
4. React Virtual DOM
5. React Ecosystem
6. React versus other frameworks

JSX

1. Introduction to JSX
2. JSX for components
3. Attributes
4. Expressions
5. React without JSX

React Components

1. Render Elements
2. Understanding Component
3. Creating a Component
4. Types of Components
5. Functional Components
6. Class Components

Advanced React Components

1. Component Life-Cycle
2. Virtual DOM
3. Composition
4. Communication between Components
5. Reusable Components

Data Flow

1. Introduction to One Way Data Flow in React
2. Props and State
3. Passing Data to Child Component
4. Handling State of Component

Event and Actions

1. Events in React
2. Data Binding
3. Events and Actions
4. Handling Events
5. Communication Among Components

Redux

1. Introduction to Redux
2. Redux vs. Flux
3. Redux Flow Overview
4. Redux Setup

Redux Flow

1. Actions
2. Reducers and Root Reducers
3. Store
4. Dispatch Actions
5. Action creators

Async Actions and Action Flow

1. Async Action Creators
2. Async Flow
3. Promises

Routing using React Router

1. Understanding Routing
2. Introduction to React Router
3. Defining Routes
4. Routes Handling
5. Handling Route Parameters
6. Nested Routes

React Forms and Controls

1. Introduction to React Forms
2. Creating Forms
3. Forms Validations
4. Custom Validations

Introduction to Node

1. Understanding Node.js
2. Uses of Node.js
3. Creating Node.js App

HTTP

1. Building a Web Server
2. HTTP Request Methods, Headers
3. Response Codes and Headers

Express Framework

1. Understanding Express
2. Installing Express
3. Creating and Running Express App

REST API with Express

1. Introduction to REST
2. Creating REST API using Express
3. Introduction to Postman
4. Testing REST API using Postman REST Client

REST API and Axios

1. Introduction to Axios
2. Using Axios with React
3. Consuming REST API using Axios in React
4. Performing CRUD operations

Unit Testing

1. Introduction to Unit Testing
2. React Unit Testing setup
3. React Unit Testing frameworks
4. Unit Testing with TestUtils

Testing React Components

1. Testing Components
2. Testing DOM Manipulations
3. Testing Properties and State
4. Simulating Events

Discussing Project Architecture

1. Understanding Application Architecture
2. Discussing Application Entities Properties
3. Discussing Relationship among Application Entities

Developing Application Architecture

1. Creating Server building blocks
2. Creating Client-Side building blocks

Designing DB and REST Service

1. Designing Database
2. Developing REST API

Developing Frontend using React

1. Defining Modules – User, Admin
2. Defining Routing
3. Developing User Login and Signup Page
4. Developing User and Admin Dashboard

Security

1. Implementing Token based Authentication
2. Managing User session
3. Implementing Authorization

Route Protection

1. Protecting a Route from Unauthorized Access
2. Need of Route Protection

Category and Product Listing

1. Category CRUD Operations
2. Product CRUD Operations

Shopping Cart

1. Creating Shopping Cart
2. Adding Products to Shopping Cart
3. Removing Products from Shopping Cart

Payment Gateway

1. Understanding Payment Gateway Process
2. Integrating Payment Gateway
3. Sending/Receiving data to and from Payment Gateway
4. Placing order

Securing REST API

1. Understanding Token based Security
2. Implementing Token based Security
3. Securing Routes

Gulp - JavaScript Task Runner

1. Understanding Gulp
2. Using Gulp to build app

Cloud Deployment - Heroku

1. Deploying using GitHub
2. React Hosting Options
3. Hosting React App on cloud server Heroku