React

What Is React, and Why Does Everyone Build Components?

React lets you build a UI out of small, reusable pieces instead of one giant tangle of markup and jQuery.

React

JSX and Your First React Components

JSX looks like HTML but it is JavaScript underneath, and composing small components is how every React app is built.

React

Props and the useState Hook: Making Components Interactive

Props flow data down into a component; state is the memory a component keeps for itself and can change over time.

React

Rendering Lists and Handling Events in React

Almost every real UI is a list of something — this is how React renders arrays and reacts to clicks and input.

React

useEffect and Fetching Data From a Real API

useEffect is how a component reaches outside itself — timers, subscriptions, and fetching data from a real backend.

React

Real Project: Building a Todo App With React

A complete, working todo app built from scratch — the classic first real React project, done properly.

React

Real Project: A Weather Dashboard That Talks to a Live API

A second real project: a small weather dashboard that searches a city and fetches live results from an external API.