Скачать с ютуб Подробно изучаем Zustand State Management (React, TypeScript) в хорошем качестве

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

Пройдёмся целиком по документации, поэкспериментируем на примере, напишем пару полезных обёрток для production. 🍀 Поддержать канал: https://www.donationalerts.com/r/webe... ☕️ Купить кофе: https://buy.stripe.com/5kA7sL9574SG7x... 🎨 Купить набор кистей Procreate: https://webelart.com/illustration. ✍️ Мой telegram channel: https://t.me/webelart 🏰 Английский YouTube: @webelart_en 💁🏼‍♀️ Инстаграм:   / webelart   🦄 LinkedIn:   / webelart   Ссылки используемые в уроке: 🌱 Ссылка на GitHub с проектом ToDo list: https://github.com/liveldi/zustand_to... 🌱 Ссылка на документацию Zustand: https://github.com/pmndrs/zustand Рекомендуемые видео в уроке: ⭐️ Разрабатываем ToDo лист на React + TypeScript + Zustand:    • Разрабатываем ToDo лист на React + Ty...   ⭐️ Учимся писать глубокий merge и сравнение объектов и массивов:    • Учимся писать глубокий 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. На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.