What is React?

Why React?

React version history

React 16 vs React 15

Just React – Hello World

Using create-react-app

Anatomy of react project

Running the app

Debugging first react app

Working with React. create Element

Expressions

Using logical operators

Specifying attributes

Specifying children

The significance of component architecture

Types of components

• Functional

• Class based    

• Pure

Component Composition

What are state and its significance

Read state and set state

Passing data to a component using props

Validating props using prop  Types

Supplying default values to props using default Props

Understanding React event system

Understanding Synthetic event

Passing arguments to the event handler

Using react to key prop

Using map function to iterate on arrays to generate elements

Controlled components

Uncontrolled components

Understand the significance of defaultValue prop

Using react ref prop to get access to DOM element

Setting up react router

Understand routing in single page applications

Working with BrowserRouter and HashRouter components

Configuring route with Route component

Using Switch component to define routing rules

Making routes dynamic using route params

Working with nested routes

Navigating to pages using Link and NavLink component

Redirect routes using RedirectComponent

Using Prompt component to get the consent of user for navigation

Pathless Route to handle failed matches

What is redux

Why redux

Redux principles

Install and setup redux

Creating actions, reducer and store

Immutable.js for immutable data structures

What is React Redux

Why React Redux

Install and setup

Presentational vs Container components

Understand high order component

Understanding mapStateToProps and mapDispatchtToProps usage

Why redux middleware

Available redux middleware choices

What is redux saga

Install and setup redux saga

Working with Saga helpers

Sagas vs promises

What is server-side rendering (SSR)?

Why SSR

Working with renderToString and renderToStaticMarkup methods

Understand the significance of unit testing

Understand unit testing jargon and tools

Unit testing react components with Jest

Unit testing react components with enzyme

Using sinon to mock

What is webpack

Why webpack

Install and setup webpack

Working with webpack configuration file

Working with loaders

Quick word on code splitting, lazy loading, tree shaking

Setting up Hot Module Replacement