
## How to use this course

Work through the chapters in order, try the examples in your own editor, and adapt each exercise rather than only copying it. Chapters link to an external React sandbox; no code is sent to or run by this portfolio. Your highlights and notes are stored in this browser only, separately for each chapter.

You should know JavaScript functions, arrays, objects, modules, and basic HTML before starting. TypeScript is useful but not required; examples use JavaScript so the React concepts stay in focus.

The course introduces core React before discussing libraries and production choices. It does not prescribe one framework, state library, or project structure for every application. Check the current official documentation when working with a specific React version.


Build a practical mental model of React, then progress from components and state to data fetching, testing, performance, and production-ready UI architecture.

The official step-by-step guide and interactive examples.

React documentation: Learn React

Components, hooks, and APIs covered in the course.

React documentation: API reference

A practical approach to component boundaries and state.

Thinking in React

Review the JavaScript fundamentals used throughout.

MDN: JavaScript Guide

Why tests should resemble the way people use software.

Testing Library: Guiding Principles

A server-state library for applications that need it.

Courses

React: Basic to Advanced