Что такое Zustand

Zustand — это легковесная библиотека для управления состоянием в React-приложениях. Она использует хук useSyncExternalStore и предоставляет простой API, похожий на MobX или Redux, но без лишнего бойлерплейта.

Ключевые особенности:

• Минимальный API (create, set, get)
• Не требует оберток (Provider)
• Поддержка middleware (например, для devtools)
• Оптимизированная перерисовка (компоненты обновляются только при изменении нужных данных)

Пример:

import { create } from 'zustand';

const useStore = create((set) => ({
  count: 0,
  increment: () => set((state) => ({ count: state.count + 1 })),
}));

function Counter() {
  const { count, increment } = useStore();
  return <button onClick={increment}>{count}</button>;
}