Подробно изучаем Zustand State Management (React, TypeScript)

Пройдёмся целиком по документации, поэкспериментируем на примере, напишем пару полезных обёрток для production. ❤️ Мой telegram канал: ❤️ Поддержать развитие канала: Ссылки используемые в уроке: 🌱 Ссылка на GitHub с проектом ToDo list: 🌱 Ссылка на документацию Zustand: Рекомендуемые видео в уроке: ⭐️ Разрабатываем ToDo лист на React TypeScript Zustand: ⭐️ Учимся писать глубокий merge и сравнение объектов и массивов: 00:00 Введение. 01:11 Запускаем пример и первое погружение. 06:32 Что такое Zustand и зачем нужен 12:57 Создание store. 17:04 Подключение к компонентам 20:06 Преимущества Zustand 21:27 Особенности import стора в компоненте. 22:48 Сравнение в Zustand, про мутабельность данных. 26:15 Функция сравнения Shallow. 29:24 Пишем свою быструю функцию сравнения. 31:09 Overwriting state. 32:54 Async await. 33:27 Чтение state в методах. 34:16 Чтение state вне компоненты subscribe на изменения. 42:24 Zustand без React useRef. 44:35 Immer. 46:05 Middleware. 50:35 Про третий аргумент api. 51:47 Persist middleware. 55:03 Immer middleware возможности Redux в Zustand 56:16 Подключаем middleware devtools. 01:02:43 React context, TypeScript. 01:05:03 Пишем обёртку для упрощения использования стравнения 01:09:48 Пишем обёртку для разделения development и production store. На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.