Prerequisites

HTML, CSS, JavaScript ES6 concepts including:

const & let, arrow functions, template literals, default parameters, array & object destructuring, spread operator, promises, async/await, array/object methods, classes, import/export modules.

Introduction to React

What is React? Why React?
React version history, React 15 vs React 16.
Hello World, understanding component-based architecture.
create-react-app, project structure, running & debugging React app.

Basic Concepts

• JSX
createElement, expressions, attributes, fragments, logical operators, children elements.

• Components
Functional components, class components, pure components, component composition.

• State & Props
setState, reading state, props, defaultProps, propTypes.

• Rendering Lists

• Handling Events
Synthetic events, passing arguments.

• Component Lifecycle & Error Handling

• Conditional Rendering
Ternary, && operator.

• Lists & Keys

• Lifting State Up

• Forms in React
Controlled & uncontrolled components, refs, defaultValue.

• Composition & Inheritance

Hooks

Introduction to Hooks,
useState, useEffect, useContext,
custom hooks, rules of hooks.

Advanced Concepts

• Code Splitting
React.lazy, Suspense, route-based splitting.

• Context API
CreateContext, Provider, Consumer, usage in class components.

• Error Boundaries

• Forwarding Refs

• Higher Order Components

• Integrating Third-Party Libraries

API Integration

Fetch API, Axios,
GET/POST/PUT/DELETE requests,
handling responses & errors,
State management during API calls.

Redux

What is Redux? Why Redux?
Redux principles, store, reducer, actions,
setup redux,
React-Redux, connecting components