В React состояние (state) хранится внутри компонентов. Для функциональных компонентов используется хук useState, который позволяет создавать локальное состояние. Также есть useReducer для более сложной логики управления состоянием.

Для глобального состояния часто применяются менеджеры состояний:

Redux — классический и популярный менеджер с централизованным хранилищем и предсказуемыми обновлениями через actions и reducers.
MobX — реактивный менеджер, использующий наблюдаемые объекты и автоматическое обновление компонентов.
Context API — встроенный в React механизм для передачи состояния по дереву компонентов без пропсов.
Recoil — современный менеджер от Facebook с атомарным состоянием и удобной работой с зависимостями.

Пример локального состояния с useState:

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Счетчик: {count}</p>
      <button onClick={() => setCount(count + 1)}>Увеличить</button>
    </div>
  );
}

Выбор менеджера зависит от масштаба приложения и требований к архитектуре.

Как хранится состояние в React? Какие менеджеры состояний использовал?