Как работает под капотом useState

useState — это хук React, который позволяет добавлять состояние в функциональные компоненты. Под капотом он использует механизм Fiber (внутренняя реализация React для управления компонентами).

При вызове useState:

1. React сохраняет состояние в связном списке хуков компонента.
2. При первом рендере инициализируется начальное состояние.
3. При обновлении состояния через setState React помечает компонент для повторного рендера.
4. Во время следующего рендера React использует сохранённое значение из списка хуков.

Пример:

const [count, setCount] = useState(0);
// При обновлении:
setCount(prev => prev + 1); // Новое значение сохраняется в Fiber

Важно: Хуки должны вызываться в одинаковом порядке при каждом рендере, поэтому их нельзя помещать в условия или циклы.