ReactJS Redux online Training

 >>  ReactJS Redux online Training

ReactJS Redux online Training


 (4.9) | 1500 Ratings


Introduction


ReactJS Redux online Training Details
Track Regular Track Weekend Track Fast Track
Course Duration 35 Hrs 8 Weekends 5 Days
Hours 1hr/day 2 Hours a day 6 Hours a day
Training Mode Online Classroom Online Classroom Online Classroom
Delivery Instructor Led-Live Instructor Led-Live Instructor Led-Live


Course Curriculum

Introduction to ReactJS

Goal:  Introduce JavaScript MVC focused on View and ReactJS

Objectives: Upon completing this Module, you should be able to:

  • Understand JavaScript MVC
  • Understand the View Technology
  • Overview of ReactJS
  • Configuration

Topics

  • Javascript MVC
  • View Technology
  • Introduction to ReactJS
  • React and SPA
  • Basic Setup
  • First Example – Hello World

Hands On:

  • ReactJS Setup and Hello World

React Basics

Goal: Understand basic features of React.

Objectives: Upon completing this Module, you should be able to:

  • React Concepts
  • JSX
  • Render Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events

Topics:

  • React Concepts
  • JSX
  • Render Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events

Hands On:

  • JSX
  • Render Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events

React Key Features

Goal: Understand other key features of React

Objectives: Upon completing this Module, you should be able to:

  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up
  • Composition vs Inheritance
  • Thinking In React

Topics:

  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up
  • Composition vs Inheritance
  • Thinking In React

Hands On:

  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up

Redux Introduction

Goal: Introduction to Redux

Objectives: Upon completing this Module, you should be able to:

  • Introduction
  • Motivation
  • Core Concepts
  • Three Principles
  • Legacy of Redux
  • Redux Setup
  • First example

Topics:

  • Introduction
  • Motivation
  • Core Concepts
  • Three Principles
  • Legacy of Redux
  • Redux Setup
  • First example

Hands On:

  • First example on Redux

Redux Basics

Goal: Understand the Action, Reducers and Store

Objectives: Upon completing this Module, you should be able to:

  • Action
  • Reducers
  • Store

Topics:

  • Action
  • Action Creators
  • State Shape
  • Handling Actions
  • Handling more actions
  • Splitting Reducers
  • Store
  • Dispatch Actions

Hands On:

  • Action
  • Reducers
  • Store

Data Flow and Usage with React

Goal: Understand Data Flow and Usage with React

Objectives: Upon completing this Module, you should be able to:

  • Data Flow
  • Usage with React

Topics:

  • Data Flow
  • Install React Redux
  • Presentational and Container Components
  • Design Component Hierarchy
  • Implementing Components
  • Passing the Store

Hands On:

  • Data Flow
  • React Redux

Async Actions and Async Flow in Redux

Goal:  Understand Async Actions and Async Flow

Objectives: Upon completing this Module, you should be able to:

  • Async Actions
  • Async Flow

Topics:

  • Actions
  • Synchronous Action Creators
  • Design State Shape
  • Handle Actions
  • Async Action Creators
  • Async Flow

Hands On:

  • Async Actions

Middleware and React Router

Goal:  Understand Middleware and React Router

Objectives: Upon completing this Module, you should be able to:

  • Middleware
  • React Router

Topics:

  • Middleware
  • Middleware Applicability
  • React Router Overview
  • React Router Configuration
  • React Router with Redux
  • Navigate with React Router

Hands On:

  • Middleware
  • React Router

Advanced features of Redux

Goal:  Understand Advanced features of Redux

Objectives: Upon completing this Module, you should be able to:

  • Object Select Operator
  • Server Rendering
  • ReSelect

Topics:

  • Object Select Operator Overview
  • Object Select Operator Applicability
  • Redux on Server
  • Configuration – Server Rending
  • Server side – Server Rendering
  • Client side – Server Rendering

Hands On:

  • Server Rendering
  • Reselect

Testing Redux

Goal:  Understand testing in Redux

Objectives: Upon completing this Module, you should be able to:

  • Overview of Jest
  • Testing in Redux

Topics:

  • Overview of Jest
  • Setup testing environment
  • Test Action Creators
  • Test Async Action Creators
  • Test Reducers
  • Test Components
  • Test Connected Components
  • Test Middleware
  • Other Testing options

Hands On:

  • Test Action Creators
  • Test Async Action Creators
  • Test Reducers
  • Test Components
  • Test Connected Components
  • Test Middleware

 

Exam & Certification

0

Course Review

(4.9)
5 stars
4 stars
3 stars
2 stars
1 stars

Course Curriculum

Introduction to ReactJS

Goal:  Introduce JavaScript MVC focused on View and ReactJS

Objectives: Upon completing this Module, you should be able to:

  • Understand JavaScript MVC
  • Understand the View Technology
  • Overview of ReactJS
  • Configuration

Topics

  • Javascript MVC
  • View Technology
  • Introduction to ReactJS
  • React and SPA
  • Basic Setup
  • First Example – Hello World

Hands On:

  • ReactJS Setup and Hello World

React Basics

Goal: Understand basic features of React.

Objectives: Upon completing this Module, you should be able to:

  • React Concepts
  • JSX
  • Render Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events

Topics:

  • React Concepts
  • JSX
  • Render Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events

Hands On:

  • JSX
  • Render Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events

React Key Features

Goal: Understand other key features of React

Objectives: Upon completing this Module, you should be able to:

  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up
  • Composition vs Inheritance
  • Thinking In React

Topics:

  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up
  • Composition vs Inheritance
  • Thinking In React

Hands On:

  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up

Redux Introduction

Goal: Introduction to Redux

Objectives: Upon completing this Module, you should be able to:

  • Introduction
  • Motivation
  • Core Concepts
  • Three Principles
  • Legacy of Redux
  • Redux Setup
  • First example

Topics:

  • Introduction
  • Motivation
  • Core Concepts
  • Three Principles
  • Legacy of Redux
  • Redux Setup
  • First example

Hands On:

  • First example on Redux

Redux Basics

Goal: Understand the Action, Reducers and Store

Objectives: Upon completing this Module, you should be able to:

  • Action
  • Reducers
  • Store

Topics:

  • Action
  • Action Creators
  • State Shape
  • Handling Actions
  • Handling more actions
  • Splitting Reducers
  • Store
  • Dispatch Actions

Hands On:

  • Action
  • Reducers
  • Store

Data Flow and Usage with React

Goal: Understand Data Flow and Usage with React

Objectives: Upon completing this Module, you should be able to:

  • Data Flow
  • Usage with React

Topics:

  • Data Flow
  • Install React Redux
  • Presentational and Container Components
  • Design Component Hierarchy
  • Implementing Components
  • Passing the Store

Hands On:

  • Data Flow
  • React Redux

Async Actions and Async Flow in Redux

Goal:  Understand Async Actions and Async Flow

Objectives: Upon completing this Module, you should be able to:

  • Async Actions
  • Async Flow

Topics:

  • Actions
  • Synchronous Action Creators
  • Design State Shape
  • Handle Actions
  • Async Action Creators
  • Async Flow

Hands On:

  • Async Actions

Middleware and React Router

Goal:  Understand Middleware and React Router

Objectives: Upon completing this Module, you should be able to:

  • Middleware
  • React Router

Topics:

  • Middleware
  • Middleware Applicability
  • React Router Overview
  • React Router Configuration
  • React Router with Redux
  • Navigate with React Router

Hands On:

  • Middleware
  • React Router

Advanced features of Redux

Goal:  Understand Advanced features of Redux

Objectives: Upon completing this Module, you should be able to:

  • Object Select Operator
  • Server Rendering
  • ReSelect

Topics:

  • Object Select Operator Overview
  • Object Select Operator Applicability
  • Redux on Server
  • Configuration – Server Rending
  • Server side – Server Rendering
  • Client side – Server Rendering

Hands On:

  • Server Rendering
  • Reselect

Testing Redux

Goal:  Understand testing in Redux

Objectives: Upon completing this Module, you should be able to:

  • Overview of Jest
  • Testing in Redux

Topics:

  • Overview of Jest
  • Setup testing environment
  • Test Action Creators
  • Test Async Action Creators
  • Test Reducers
  • Test Components
  • Test Connected Components
  • Test Middleware
  • Other Testing options

Hands On:

  • Test Action Creators
  • Test Async Action Creators
  • Test Reducers
  • Test Components
  • Test Connected Components
  • Test Middleware

 

    Click here for Help and Support: info@sacrostectservices.com     For Inquiry Call Us:   +91 996-629-7972(IND)

  +91 996-629-7972(IND)
X

Quick Enquiry

X

Business Enquiry