React Course

React is a JavaScript library for building user interfaces out of small, reusable pieces called components. Instead of manually finding and updating DOM elements one at a time the way the JavaScript course's DOM lessons do, you describe what the interface should look like for a given piece of data, and React takes care of updating the actual page to match.

What you'll learn

This course assumes you're already comfortable with JavaScript — variables, functions, arrays, and especially the DOM Basics and Events lessons from the JavaScript course, since React sits directly on top of those ideas rather than replacing them. The first half covers JSX (React's HTML-like syntax inside JavaScript), building components, passing data through props, and giving a component its own state with useState.

The second half covers the patterns you'll use constantly in real React code: showing different UI based on a condition, rendering a list of items from an array, running side effects like fetching data with useEffect, building forms whose inputs are driven by state, and sharing state between sibling components by lifting it up to their common parent.

Lessons

1. Introduction
2. JSX Syntax
3. Components & Props
4. State with useState
5. Handling Events
6. Conditional Rendering
7. Rendering Lists & Keys
8. useEffect & Side Effects
9. Forms & Controlled Inputs
10. Lifting State Up