Разрабатываем ToDo лист на React + TypeScript + Zustand со сборкой на ViteJS | Уроки JavaScript
В этом уроке создадим целиком вместе с вёрсткой ToDo list c использованием React, TypeScript, Zustand, ViteJS будем использовать хранилище LocalStorage.
❤️ Мой telegram канал:
❤️ Поддержать развитие канала:
Ссылки используемые в уроке:
🌱 Дополнительные материалы к уроку:
🌱 Ссылка на макет: (Community)
🌱 State management zustand
🌱 Документация ViteJS
Рекомендуемые видео в уроке:
⭐️ Единицы измерения CSS:
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.
На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.
1 view
104
29
8 months ago 00:03:55 1
Вращающийся детонационный двигатель испытали в космосе.
8 months ago 00:17:15 1
Разработка игр | Какие Профессии Существуют в геймдев - Что делают разработчики игр
1 year ago 02:15:37 3
Концерт живой музыки и священных движений Г. И. Гурджиева. Москва, 25 марта 2007 г.
1 year ago 00:12:42 1
🔥НОВЫЙ ТРЕЙЛЕР I. A.!!! 🦾Создавайте ОБРАЗЫ с ПОСЛЕДОВАТЕЛЬНОСТЬЮ ПЕРСОНАЖЕЙ - 🎨 Модель InstantID
1 year ago 02:28:35 1
. Полный курс
1 year ago 01:50:13 9
Разрабатываем ToDo лист на React + TypeScript + Zustand со сборкой на ViteJS | Уроки JavaScript
1 year ago 00:04:43 5
Разрабатываем Todo List на React JS (часть 1)
1 year ago 00:23:27 1
Разрабатываем Todo List на React JS (часть 6)
1 year ago 00:16:30 1
Разрабатываем Todo List на React JS (часть 2)
1 year ago 00:05:45 1
Разрабатываем Todo List на React JS (часть 5)
1 year ago 00:06:33 1
Разрабатываем Todo List на React JS (часть 4)
1 year ago 00:10:13 1
Разрабатываем Todo List на React JS (часть 3)
1 year ago 00:06:41 1
Разрабатываем Todo List на React JS (часть 7)
1 year ago 00:11:59 1
😲 СумаСшедшие Мотоциклы с Колясками 👏!
1 year ago 00:09:46 1
🔴Создавайте изображения с искусственным интеллектом легко и быстро | Tensor Art Tutorial
1 year ago 01:27:24 16
Vue приложение // Демо-занятие курса «Web-разработчик на Python»
1 year ago 00:08:48 6
Игра Гольф Слинг. Метание Пращой. Golf Sling Game. Sling Throwing. sport teleport
2 years ago 00:19:23 1
ЭТО НЕ МИДДОРНИ | ЭТО НЕ ЛЕОНАРДО | ЭТО НЕ КЭТБЕРД-БЕСПЛАТНЫЙ инструмент 🎨PIXAI.ИСКУССТВО создавать Изображения
2 years ago 00:32:51 1
ПОИГРАЕМ? NOCH: Ночь, дорога, демон и олень.
2 years ago 00:21:45 12
ИНИЦИАЛИЗАЦИЯ ПРОЕКТА ToDoList #1
2 years ago 01:17:10 1
Подробно изучаем Zustand State Management (React, TypeScript)
2 years ago 00:56:02 1
Todo приложение/клиент+сервер+база данных/#3. Разработка компонентов авторизации
2 years ago 00:10:19 1
Сокеты и Замена одной модели на другую | Unreal engine 4 Создание игры
3 years ago 00:40:27 1
Разработал ToDo приложение на React // Список задач на Реакт // React с нуля до профи