React JS Training

React Overview

What is React?

What’s in a Name?

React Component Model

What React Is Not

What You Will Not Find in React

Motivation for Creating React

One-Way Data Flow

History of Javascript

 What is ES6

 Block scope, let & const

 Template literals

 Arrow functions

 Spread and Rest operators

 Destructuring

 Classes – Inheritance, Static properties and methods

 Inheritance

 Static properties and methods

 Promises

Modules

 What is React?

 Why React?

 React version history

 React 16 vs React 15

 Just React – Hello World

Using create-react-app

Module Two

 Anatomy of react project

. Running the app

. Debugging first react app

 Expressions

 Using logical operators

. Specifying attributes

 Specifying children

Significance of component architecture

 Types of components – Functional, Class based, Pure

 Component Composition

 What is state and its significance

. Read state and set state

 Passing data to component using props

. Validating props using propTypes

Supplying default values to props using defaultProps

 Using React key prop

 Using map function to iterate on arrays to generate elements