Назначить владельца состояния
Для корзины, фильтра и формы выпишите, какой компонент использует каждое значение. Поднимайте состояние только до ближайшего общего родителя; переносите его в Context или Redux, когда можете объяснить необходимость.
React · Redux Toolkit · русская озвучка
Современный React - с Нуля до Профессионала
Программа, практика и требования
«Современный React — с Нуля до Профессионала» Юрия Аллахвердова рассчитан на знакомых с HTML, CSS и JavaScript. За 31 ч 13 мин материалов автор проходит компоненты, состояние, хуки, формы, HTTP, Redux Toolkit и маршрутизацию. Практика строится вокруг учёта расходов и приложения заказа еды «Япона Кухня».
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 4,6389 оценок на Udemy
- 1 525студентов на Udemy
- 31 ч 13 минвидео · 260 лекций
- RUрусская речь преподавателя
Highest RatedРусский язык · обновление февраль 2025
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Тем, кто уже пишет на JavaScript и хочет разобраться в компонентах React и распределении данных между частями приложения.
Что знать до старта
Нужны базовые HTML, CSS и JavaScript: функции, объекты, массивы, обработчики событий и понимание асинхронных запросов. Курс не начинается с основ языка.
Что сможете сделать
Учёт расходов, самостоятельный челлендж с пользователями и «Япона Кухня» — заказ еды с корзиной, формами и HTTP-запросами.
Учесть при выборе
В React Router встречаются Switch и Prompt из прежнего API; настройку окружения и роутер нужно сопоставлять с используемой версией. Первые уроки пересекаются с React Fundamentals в JavaScript и Full Stack. Название не гарантирует профессиональный уровень.
Содержание и открытый урок
Разобраться, где должны жить данные интерфейса
React становится сложнее не из-за синтаксиса JSX, а когда одно действие должно обновить несколько частей страницы. Курс постепенно подводит к этому: сначала состояние принадлежит отдельному компоненту, затем передаётся между родителем и потомками, позже появляются Context, reducers и Redux. Проект «Япона Кухня» возвращается в нескольких разделах, позволяя увидеть, как меняется приложение после добавления корзины, форм и запросов к серверу. Есть разбор effects, пользовательских хуков, refs, portals и классовых компонентов. При этом важно учитывать возраст конкретных уроков: в Router показаны Switch и Prompt из прежнего API. Для учебного повторения можно ориентироваться на окружение автора, а для собственного проекта осознанно выбирать версии и проверять документацию. Начальные главы совпадают с вводным React в других курсах Юрия, но основной объём здесь посвящён развитию приложения.
Перед стартом оцените открытый урок и подготовьте инструменты. В React Router встречаются Switch и Prompt из прежнего API; настройку окружения и роутер нужно сопоставлять с используемой версией. Первые уроки пересекаются с React Fundamentals в JavaScript и Full Stack. Название не гарантирует профессиональный уровень.
Самопроверка · редакционные задания
Четыре проверки React-приложения
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Повторить запрос без дублирования
Добавьте к загрузке данных состояния ожидания, ошибки и пустого ответа. Проверьте повторное открытие компонента и изменение параметра запроса: интерфейс не должен показывать результат для предыдущего выбора.
Сделать форму предсказуемой
Проверьте пустые поля, неверные значения, исправление ошибки и двойное нажатие отправки. Пользователь должен понимать, что требуется изменить и удалось ли отправить данные.
Осознанно выбрать версию Router
Сопоставьте маршруты учебного приложения с документацией выбранной версии React Router. Переносите по одному экрану и проверяйте ссылки, параметры и неизвестный адрес, вместо механической замены названий компонентов.
31 ч 13 мин видео · 260 лекцийСверить программу на Udemy
Программа современного React Юрия Аллахвердова
На Udemy указаны 20 разделов и 260 лекций. Маршрут начинается с компонентов и заканчивается состоянием приложения и навигацией; часть примеров развивает один проект. Проверки выше — редакционные задания для самостоятельного закрепления.
На дату проверки в открытых данных Udemy: 20 разделов, 260 лекций, 31 ч 13 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
Переработайте учебное приложение под свою задачу и объясните каждое место хранения состояния. Если основная трудность — функции и асинхронность, вернитесь к JavaScript; если архитектура интерфейса — практикуйте React на следующем небольшом проекте.
- 01
JSX, props, компоненты и приложение учёта расходов
- 02
События, состояние, списки и условный вывод
- 03
Стили, отладка и самостоятельный челлендж
- 04
Fragments, portals, refs, эффекты, reducers и Context
- 05
Корзина и проект «Япона Кухня»; устройство React и классовые компоненты
- 06
HTTP-запросы, пользовательские хуки и формы
- 07
Redux, Redux Toolkit и асинхронные операции
- 08
Маршрутизация и страницы внутри SPA
Когда программа подходит вашей задачеВы выбираете обучение. RusUdemy помогает с оформлением.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Спасибо Михаилу
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Отзыв от:
Михаил, огромная благодарность за содействие, как жаль, что я не знала о Вас раньше!!!!
Отзыв от:
Оплатить udemy, а ещё получить комплимент и дельный совет, как в той рекламе - почти бесценно. Если вы читаете этот отзыв и ещё раздумываете где и как купить курс на udemy - вам к Михаилу, не сомневайтесь
Отзыв от:
Хотела поблагодарить ,все прошло быстро и доступно. Отдельная благодарность за обратную связь! Вы лучшие ♥️
Отзыв от:
Оперативно подошли к покупке курса. Очень доволен. Большое спасибо.
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Ответы перед стартом