React

Introduction to React

What React is, why it is popular, and core concepts — components, virtual DOM, and declarative UI.

Project Setup

Create a React project with Vite, understand project structure, and run your first app.

JSX

Write UI with JSX — syntax rules, expressions, attributes, fragments, and conditional rendering.

Components

Create function and class components, compose UI, and organize your React application.

Props

Pass data between React components with props — read-only, destructuring, default values, and prop …

State

Manage component state with useState — updating state, state objects, and lifting state up.

Events in React

Handle user events in React — onClick, onChange, onSubmit, and synthetic events.

Lists and Keys

Render lists in React with map, understand keys, and avoid common pitfalls.

Forms in React

Build forms with controlled components, validation, and handling multiple inputs.

React Hooks Overview

Understand React Hooks — rules of hooks, useState, useRef, useMemo, useCallback, and custom hooks.

useEffect

Handle side effects in React with useEffect — data fetching, subscriptions, and cleanup.

Context and useReducer

Share state across components with React Context and manage complex state with useReducer.

React Router

Add client-side routing to React apps with React Router — routes, navigation, params, and nested …

Performance Optimization

Optimize React apps with React.memo, useMemo, useCallback, code splitting, and profiling.

Testing React

Test React components with Vitest and React Testing Library — unit tests, user interactions, and …

State Management

Manage global state in React with Context limitations, Zustand, and when to use external state …

TanStack Query

Manage server state in React with TanStack Query — caching, refetching, mutations, and optimistic …