Мы используем cookie для стабильной работы сервиса. Подробнее

Zustand — State менеджер для React

ФорматОнлайн
Объём6 занятий
О курсе

Подробнее

Курс подойдёт тем, кто только начинает свой путь во frontend и уже освоил React, а также тем, кто структурировать свои знания по Zustand. Мы начнём с изучения основ работы с Zustand. Разберем создание сторов, получение и изменение данных. После этого перейдем к асинхронным операциям и способам сохранения полученных данных. И в конце разберем продвинутые техники работы с Zustand для кастомизации, структурирования и повышения производительности кода.
Результат

Что вы получите

  • Использовать Zustand для управления состоянием
  • Работать с Zustand с TypeScript
  • Отлаживать работу Zustand
  • Делать запросы в Store
  • Сохранять состояние в браузере
  • Оптимизировать число ререндеров
Содержание

Программа курса

6 занятий
№ТемаЧто внутри
01Введение

- О Zustand
- Как устроен курс
- Знакомство с экспертом
- Обзор проекта
- Обзор курсов
- Перенос курса

02Старт проекта

- Настройка VSCode
- Создание проекта
- Добавление Zustand
- Подготовка проекта
- Тест - Старт проекта

03Основы работы Zustand

- Создание Slice
- Получение данных из state
- Использование actions
- Использование вне компонента
- Упражнение - to do list
- Отладка Zustand
- Тест - Основы работы Zustand

04Асинхронные операции

- Асинхронные операции
- Пример запроса на сервер
- Упражнения - Работа с API
- Persist
- Reset состояния
- Упражнение - Сохранение состояния
- Тест - Асинхронные операции

05Продвинутые техники

- Подписки на стор
- Кастомные хранилища
- Улучшенный стор в URL
- Slice паттерн
- Предотвращение ререндеров
- Упражнение - Финал проекта
- Работа с Tanstack Query
- Immer middleware
- Тест - Продвинутые техники

06Заключение

- Куда двигаться дальше?

01Введение

- О Zustand
- Как устроен курс
- Знакомство с экспертом
- Обзор проекта
- Обзор курсов
- Перенос курса

02Старт проекта

- Настройка VSCode
- Создание проекта
- Добавление Zustand
- Подготовка проекта
- Тест - Старт проекта

03Основы работы Zustand

- Создание Slice
- Получение данных из state
- Использование actions
- Использование вне компонента
- Упражнение - to do list
- Отладка Zustand
- Тест - Основы работы Zustand

04Асинхронные операции

- Асинхронные операции
- Пример запроса на сервер
- Упражнения - Работа с API
- Persist
- Reset состояния
- Упражнение - Сохранение состояния
- Тест - Асинхронные операции

05Продвинутые техники

- Подписки на стор
- Кастомные хранилища
- Улучшенный стор в URL
- Slice паттерн
- Предотвращение ререндеров
- Упражнение - Финал проекта
- Работа с Tanstack Query
- Immer middleware
- Тест - Продвинутые техники

06Заключение

- Куда двигаться дальше?

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «Zustand — State менеджер для React» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:ReactFrontend-разработка

Информация обновлена 3 сентября 2026 г.

Продолжить выбор

Похожие курсы

Vue.js 3, Vue Router и Pinia
Vue.js 3, Vue Router и Pinia

В этом курсе мы изучим Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы сделаем приложение для отображения прогноза погоды и Saas сервис хранения веб закладок. Это…

Онлайн15 занятий
3 999 ₽
Вёрстка на HTML & CSS для начинающих
30 минут в день
Вёрстка на HTML & CSS для начинающих

В этом курсе вы научитесь с нуля основам HTML и CSS, которые нужны для создания сайтов и уже сможете выполнять довольно серьезные работы в этой области. Мы будем изучать язык гипе…

Онлайн8 занятий
490 ₽
Node js для Front End
4 месяца
Node js для Front End

Backend разработка на Node.js: Express.js, NestJS фреймворки. Работа с базами данных PostgreSQL, MongoDB. Создание REST API, аутентификация и авторизация. WebSockets для реального…

ОнлайнСредний
100 000 ₽от 5 555 ₽/мес на 18 мес.
ReactJS - Разработка WEB клиентских приложений, использование библиотек Redux и функций Hooks
24 ак.часа
ReactJS - Разработка WEB клиентских приложений, использование библиотек Redux и функций Hooks

На протяжении всего курса, слушатели вместе с тренером строят конкретные приложения с использованием классов React и функций. На основе теоретических знаний, на конкретных данных,…

Онлайн4 занятий
54 000 ₽
React Native и Expo Router
React Native и Expo Router

В этом курсе мы изучим React Native и Expo Router написав полноценное мобильное приложение с авторизацией и нативными возможностями. Этот курс подойдёт тем, кто хочет погрузиться…

Онлайн16 занятий
3 999 ₽
Начать без затрат

Бесплатные курсы

Angular 14 - написание приложения
Бесплатно10 академических часов
Angular 14 - написание приложения

Обновленный быстрый курс по Angular 14, который будет актуален на момент 2022 года. В рамках курса напишем полноценное приложение, на примере которого разберем ключевые моменты да…

Онлайн1 занятий
Видеоуроки
Бесплатно
Практика Frontend разработчика 2025
Бесплатно48 академических часов
Практика Frontend разработчика 2025

Полный курс по созданию Frontend приложения с нуля. Это отличная практика для начинающих разработчиков, создание такого приложения даст вам отличный опыт владения HTML и CSS, ведь…

Онлайн1 занятий
Видеоуроки
Бесплатно