What is destructuring?

Answer out loud or in your head first, then compare.

Answer

It lets you pull values out conveniently.

Object:

JavaScript

const user = {
  name: "Tom",
  age: 30
};

const { name, age } = user;

Array:

JavaScript

const [first, second] =
  [10, 20];

Renaming:

JavaScript

const {
  name: userName
} = user;

Default value:

JavaScript

const {
  role = "user"
} = user;

In React:

JavaScript

const [count, setCount] =
  useState(0);

is destructuring too.

How did it go? Be honest — “Not yet” puts the question on your review list.