Опишите изменение до reducer
Возьмите фильтр вакансий и запишите состояние до действия и после него. Проверьте добавление одинакового фильтра и очистку. Объясните, какие значения хранятся, а какие вычисляются из них.
Redux / Toolkit · русская озвучка
Redux для управления состоянием React-приложений
Программа, практика и требования
Как связать общее состояние, действия пользователя и запросы к серверу. В Redux-курсе Михаила Непомнящего классический поток данных постепенно дополняется хуками React Redux, middleware и Toolkit. Практика — фильтрация вакансий и каталог стран.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,7291 оценка на Udemy
- 902студента на Udemy
- 10 ч 47 минвидео · 99 лекций
- RUрусская речь преподавателя
Общее состояние приложенияРусский язык · обновление февраль 2022
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Разработчикам с базой React, которым предстоит работать с общим состоянием, middleware и загрузкой данных.
Что знать до старта
HTML/CSS, уверенный JavaScript и базовый React: компоненты, props, состояние и хуки.
Что сможете сделать
Список вакансий с фильтрами и каталог стран с поиском, деталями и асинхронными запросами.
Учесть при выборе
Обновление — февраль 2022 года. Есть legacy connect и прежние API. Для нового проекта нужно сверять подход с текущей документацией Redux Toolkit; RTK Query не заявлен.
Содержание и открытый урок
Понять поток данных до сокращения шаблонного кода
Redux полезен не потому, что его нужно подключить к каждому React-приложению, а когда важен понятный общий поток изменений. Курс сначала разбирает store, actions и reducers, затем связывает их с интерфейсом, асинхронными действиями и двумя проектами. В отдельном разделе остаётся legacy connect: это помогает читать существующий код. Toolkit появляется как более компактный способ организации хранилища и slices. Программа обновлялась в феврале 2022 года, поэтому выбор особенно уместен для понимания механики и перехода между подходами. Для нового приложения потребуется сверить решения с текущей документацией; RTK Query в проверенном плане не заявлен.
Перед стартом оцените открытый урок и подготовьте инструменты. Обновление — февраль 2022 года. Есть legacy connect и прежние API. Для нового проекта нужно сверять подход с текущей документацией Redux Toolkit; RTK Query не заявлен.
Самопроверка · редакционные задания
Самопроверка: состояние остаётся предсказуемым
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Разделите загрузку и ошибку
Добавьте к запросу стран состояния ожидания, успеха и ошибки. Проверьте повторную попытку. Пользователь должен видеть причину отсутствия результата, а предыдущая ошибка не должна оставаться после успешного ответа.
Перепишите один участок на Toolkit
Сохраните внешнее поведение небольшого reducer, затем перенесите его в slice. Сравните объём кода и правила обновления. Проверьте сценарии до и после рефакторинга.
Проверьте необходимость хранилища
Выберите локальный переключатель интерфейса и решите, нужен ли он в Redux. Оставьте в общем состоянии только данные, для которых есть понятный потребитель или правило жизненного цикла.
10 ч 47 мин видео · 99 лекцийСверить программу на Udemy
Два проекта: от Redux к Redux Toolkit
Курс проходит базовый Redux, React Redux на хуках, middleware и асинхронную работу. Проект вакансий показывает фильтрацию, каталог стран — загрузку данных и страницы с деталями. Затем программы перерабатываются с Toolkit, createAsyncThunk и механизмами нормализации данных.
На дату проверки в открытых данных Udemy: 11 разделов, 99 лекций, 10 ч 47 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Возьмите знакомое приложение и сначала сформулируйте проблему состояния. Если общее хранилище оправдано, реализуйте один законченный сценарий и покройте его поведение тестами.
- 01
Поток данных и базовое API Redux
- 02
Хуки React Redux, DevTools и организация кода
- 03
Проект вакансий и комбинирование фильтров
- 04
Legacy connect и чтение старого кода
- 05
Middleware, thunk, загрузка и обработка ошибок
- 06
Каталог стран и страницы с деталями
- 07
Redux Toolkit, configureStore и createSlice
- 08
Асинхронные thunk, entity adapter и рефакторинг проектов
Когда программа подходит вашей задачеВы выбираете обучение. RusUdemy помогает с оформлением.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Спасибо Михаилу
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Отзыв от:
Михаил, огромная благодарность за содействие, как жаль, что я не знала о Вас раньше!!!!
Отзыв от:
Оплатить udemy, а ещё получить комплимент и дельный совет, как в той рекламе - почти бесценно. Если вы читаете этот отзыв и ещё раздумываете где и как купить курс на udemy - вам к Михаилу, не сомневайтесь
Отзыв от:
Хотела поблагодарить ,все прошло быстро и доступно. Отдельная благодарность за обратную связь! Вы лучшие ♥️
Отзыв от:
Оперативно подошли к покупке курса. Очень доволен. Большое спасибо.
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Ответы перед стартом