ReactJS Project Development Training | React with Redux Online Training

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 Web API

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

REST API with ASP.NET Core

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

You will learn how to develop an online bookstore site. The site will show the list of products to User/Customer. A user can search and purchase books. He can see the previous order history. Here, the admin will be responsible for managing books and their categories.

The application will use React recommended architecture with the extensible approach. We would be using the payment gateway to do online payment and finally publishing it.

Project Architecture

The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development if necessary.

This architecture will help you to develop SPA with the recommended design patterns and practices.

What you will learn through project?

1. Creating shopping cart using React.
2. Validating data at client side and server side.
3. Using Node's Package Manager – NPM.
4. Scaling web app for Phone, Tablets, and Laptop & Desktop.
5. Securing you application based on user roles.
6. Using JS Task runner.
7. Publishing your app on cloud server.