React JS Course Content

Course Duration:30 hours

Sessions: Weekdays; Weekends; Crash Course

 

Course Outline: React JS

 

Introduction to ReactJS

§  Understand JavaScript MVC

§  Understand the View Technology

§  Overview of ReactJS

§  Configuration

§  Javascript MVC

§  View Technology

§  Introduction to ReactJS

§  React and SPA

§  Basic Setup

§  First Example – Hello World

React Basics

§  React Concepts

§  JSX

§  Render Elements 

§  Components and Props

§  State and Lifecycle

§  Handling Events

§  React Concepts

 

React Key Features

§  Conditional Rendering

§  Lists and Keys

§  Forms

§  Lifting State Up

§  Composition vs Inheritance

§  Thinking In React

 

Redux Introduction

§  Introduction

§  Motivation

§  Core Concepts

§  Three Principles

§  Legacy of Redux

§  Redux Setup

§  First example

 

Redux Basics

§  Action

§  Action Creators

§  State Shape

§  Handling Actions

§  Handling more actions

§  Splitting Reducers

§  Store

§  Dispatch Actions

 

Data Flow and Usage with React

§  Data Flow

§  Install React Redux

§  Presentational and Container Components

§  Design Component Hierarchy

§  Implementing Components

§  Passing the store

 

Async Actions and Async Flow in Redux

§  Synchronous Action Creators

§  Design State Shape

§  Handle Actions

§  Async Action Creators

§  Async Flow

 

Middleware and React Router

§  Middleware

§  Middleware Applicability

§  React Router Overview

§  React Router Configuration

§  React Router with Redux

§  Navigate with React Router

 

 

 

Advanced features of Redux

§  Object Select Operator Overview

§  Object Select Operator Applicability

§  Redux on Server

§  Configuration – Server Rending

§  Server side – Server Rendering

§  Client side – Server Rendering

 

Testing Redux

§  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

 

Navigate to

Advertisment

ad

X

Request a call back