Чому Zustand називають мінімалістичним state-менеджером?

#1. Просте ядро - без зайвої архітектури

• Zustand не потребує actions, reducers, dispatch або context-providers.

• Весь стан описується однією функцією create(), яка повертає хук.

• Тобто один рядок створює повноцінний store:

  javascript

  Copy

  const useStore = create(() => ({ count: 0 }))

---

#2. Без React-Context і провайдерів

• На відміну від Redux або Context API, Zustand не обгортає весь застосунок у <Provider>.
• Store існує поза React, як звичайний JavaScript-об'єкт.
• Це спрощує архітектуру і покращує продуктивність (немає зайвих ререндерів при оновленні контексту).

---

#3. Маленький розмір бібліотеки

• Бандл Zustand важить лише ~1 КБ (gzip).
• У ньому немає залежностей і додаткових утиліт - тільки функціональне ядро.

---

#4. Мінімум boilerplate-коду

Для зміни стану достатньо викликати set:

Без:

• екшенів (type: 'INCREMENT');
• редьюсерів (switch/case);
• dispatch.

---

#5. Проста логіка і доступ до store поза React

Zustand-store - це звичайна JS-функція, а отже:

• можна використовувати її поза компонентами React (наприклад, в утилітах або сервісах);
• можна підписуватися на зміни вручну, без хуків;
• можна створювати декілька сторів і імпортувати їх, як звичайні модулі.

---

#6. Розширюваність через middleware

Все залишається простим, але якщо потрібно - можна додати:

• persist - зберігання стану в localStorage;
• devtools - інтеграція з Redux DevTools;
• immer - іммутабельне оновлення стану.

Підключається одним рядком:

---

#Підсумок