После прохождения курса вы сможете:
- Использовать Zustand для управления состоянием
- Работать с Zustand с TypeScript
- Отлаживать работу Zustand
- Делать запросы в Store
- Сохранять состояние в браузере
- Оптимизировать число ререндеров
Курс подойдёт тем, кто только начинает свой путь во frontend и уже освоил React, а также тем, кто структурировать свои знания по Zustand.
Мы начнём с изучения основ работы с Zustand. Разберем создание сторов, получение и изменение данных. После этого перейдем к асинхронным операциям и способам сохранения полученных данных. И в конце разберем продвинутые техники работы с Zustand для кастомизации, структурирования и повышения производительности кода.
Курс включает:
- 42 урока видео лекций
- 30 тестовых заданий
- 4 упражнения
Программа курса
1. Введение
- О Zustand
- Как устроен курс
- Знакомство с экспертом
- Обзор проекта
- Обзор курсов
- Работа на платформе
2. Старт проекта
- Настройка VSCode
- Создание проекта
- Добавление Zustand
- Подготовка проекта
- Тест — Старт проекта
3. Основы работы Zustand
- Создание Slice
- Получение данных из state
- Использование actions
- Использование вне компонента
- Упражнение — to do list
- Отладка Zustand
- Тест — Основы работы Zustand
- Занятие — Основы работы Zustand
4. Асинхронные операции
- Асинхронные операции
- Пример запроса на сервер
- Упражнения — Работа с API
- Persist
- Reset состояния
- Упражнение — Сохранение состояния
- Тест — Асинхронные операции
- Занятие — Асинхронные операции
5. Продвинутые техники
- Подписки на стор
- Кастомные хранилища
- Улучшенный стор в URL
- Slice паттерн
- Предотвращение ререндеров
- Упражнение — Финал проекта
- Работа с Tanstack Query
- Immer middleware
- Тест — Продвинутые техники
- Отзыв о курсе
- Занятие — Продвинутые техники
6. Заключение
- Куда двигаться дальше?
- Рекомендованный курс
- Финальное тестирование
- Собеседование с AI наставником
