React

Build modern UIs.

Create interactive interfaces from reusable components with JSX, props, state, and hooks.

Start course0 of 9 lessons complete

Chapter 1

React Basics

0/3

What is React?

Discover why React was built, how its component-based and declarative approach makes building UIs feel natural, and write your very first component.

02Beginner

JSX

Learn how JSX lets you write HTML-like UI directly in JavaScript, embed dynamic values with {}, and understand exactly what the browser actually runs.

03Beginner

Components & Props

Learn how to pass data into your components using props, make them reusable, and compose small pieces into bigger UIs.

Chapter 2

State & Interaction

0/4

04Intermediate

State with useState

Learn how useState gives your React components memory — letting them track data that changes over time and automatically update the screen when it does.

05Beginner

Handling Events

Learn how to make your React components respond to clicks, keystrokes, and input changes by wiring up event handlers the right way.

06Beginner

Conditional Rendering

Learn how to show, hide, or swap pieces of UI in React based on state — using &&, the ternary operator, and early returns.

07Intermediate

Lists & Keys

Learn how to turn any JavaScript array into a list of React elements using .map(), and discover why the key prop is the secret ingredient that keeps things fast and correct.

Chapter 3

Hooks

0/2

08Intermediate

The useEffect Hook

Learn how useEffect lets your React components reach outside themselves — fetching data, setting up timers, and cleaning up after themselves when they're done.

09Advanced

Custom Hooks

Learn how to extract reusable stateful logic into your own use-prefixed functions so your components stay clean and your logic stays shareable.