Разрабатываем ToDo лист на React + TypeScript + Zustand со сборкой на ViteJS | Уроки JavaScript В этом уроке создадим целиком вместе с вёрсткой ToDo list c использованием React, TypeScript, Zustand, ViteJS + будем использовать хранилище LocalStorage. 00:00 Введение. 02:44 Установка и настройка ViteJS 05:47 Настройка структуры директорий 11:55 Постановка задачи. Изучаем макет в Figma. 12:47 Добавляем базовую верстку. 19:28 Знакомимся с zustand. 23:01 Описываем типы todo листа 26:16 Создаём store на zustand 42:44 Работаем над формой добавления задач (InputPlus) 52:49 Добавляем стили к InputPlus. 01:00:55 Отображаем отсутствие задач. 01:02:52 Отображение существующих задач. 01:09:54 Работа над компонентой задачи (InputTask). 01:14:18 Работа над стилями InputTask. 01:21:59 Добавляем mode редактирования для InputTask. 01:30:59 Тестирование + небольшие правки 01:33:19 Погружение в middleware zustand (devtools) 01:37:40 Пишем собственную middleware для LocalStorage. https://www.youtube.com/watch?v=Z0rxniw2nBc 👉 @frontend_1