React JS

Introduction

Image source: Udemy

Why React?

JSX

Rendering in React

ReactDOM.render(<App />, document.getElementById(‘root’));

Props & States

Props

State

Changing State

Managing states in Functional Components

Stateless vs Stateful components

Class based vs Functional components

Component Life Cycle Hooks

Image Source: Udemy

Component Life cycle — Creation

Image Source: Udemy

Component Life cycle — Update

Image Source: Udemy

Life cycle hook equivalent for Functional components

Optimization: shouldComponentUpdate

DOM updates in React

Higher order Components

Refs

Full Stack developer, avid photographer and cyclist, Fitness trainer. contact: reeshabh.choudhary@gmail.com