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