React Tutorial

1. React Introduction

What React is, how the virtual DOM works, and how to scaffold a new project with Vite.

2. JSX and Components

JSX syntax rules, function components, props, and composing components together.

3. Hooks and State

Managing component state with useState, the rules of hooks, and useRef for DOM access.

4. Effects and Data Fetching

useEffect, dependency arrays, cleanup functions, and fetching data with loading and error states.

5. Context API and State Management

useContext and useReducer for shared state, and when to reach for Redux or Zustand instead.

6. Performance Optimization

React.memo, useMemo, and useCallback with a concrete before/after re-render example, and when not to over-optimize.

7. Testing React Apps

React Testing Library philosophy, querying by role, and complete component test examples.

8. React Router

Client-side routing setup, dynamic segments, nested routes with Outlet, and programmatic navigation.

9. React Interview Questions

Common React interview questions covering the virtual DOM, hooks, context, performance, and testing.