Lesson 1 — Destructuring & spread

Unpack values in one line

An object groups named values, like { name: "Alex", age: 20 }. Destructuring pulls several of those values out into variables at once: the names inside the curly braces must match the property names. Arrays work the same way with square brackets, but by position instead of by name.

const point = { x: 3, y: 7 };
const { x, y } = point;   // x is 3, y is 7
const [first] = ["a", "b"]; // first is "a"

Why it matters: modern JavaScript (and every React component) unpacks objects like this all the time, so you need to read it fluently.