Компонент принимает разные данные
Сделайте карточку книги и отобразите две разные книги одним компонентом. Если для второго экземпляра пришлось копировать всю разметку, вернитесь к props и композиции.
React · Понять механику React · на русском
Обзор курса Богдана Стащука
Курс Богдана Стащука помогает перейти от отдельных JavaScript-функций к приложениям на React. В основе — компоненты, JSX, состояние и хуки; затем добавляются маршруты, Context и Redux Toolkit. Это маршрут на русском для тех, кому важно понимать происходящее в коде, а не только повторить готовый экран.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее
Понять механику ReactБогдан Стащук · русский язык · обновление март 2026
Тем, кто знает JavaScript и хочет понять, почему React обновляет интерфейс и как распределять данные между компонентами.
HTML, CSS, функции, массивы, объекты и базовая асинхронность JavaScript. Повторение языка внутри — помощь, а не замена практике.
Todo-приложение, библиотека книг и интерфейсы с формами и загрузкой данных.
В программе есть React 18 и Create React App. Для нового проекта сверяйте запуск с актуальной документацией React: CRA больше не рекомендуется.
В большом приложении новичку трудно увидеть, какая часть кода отвечает за конкретное поведение. Здесь удобно выделять один механизм за раз: передать данные через props, изменить state, получить ответ сервера. Затем возвращаться к уже знакомому интерфейсу и усложнять его. Не обязательно проходить каждую лекцию с одинаковой скоростью: надёжный ориентир — можете ли вы воспроизвести приём на другом наборе данных без видео.
Сделайте карточку книги и отобразите две разные книги одним компонентом. Если для второго экземпляра пришлось копировать всю разметку, вернитесь к props и композиции.
Добавьте фильтр к списку задач. Проверьте, что изменение фильтра не удаляет исходные задачи и не создаёт второй несогласованный список данных.
У собственного интерфейса должны различаться загрузка, пустой ответ, ошибка и успешный результат. Протестируйте все четыре состояния, а не только работающий API.
Объясните, почему данные библиотеки книг находятся в общем хранилище. Локальное раскрытие одной карточки не обязано переезжать в Redux вместе с ними.
396 лекций объединены в 40 разделов. Ниже — карта основных навыков, а не копия каждого названия урока. В открытой программе можно проверить примеры и версии инструментов до старта.
На дату проверки в карточке Udemy: 40 разделов, 396 лекций, 32 ч 32 мин видео. Это объём записей, а не срок освоения React. Самостоятельная практика потребует дополнительного времени; темы ниже сгруппированы редакцией, точное оглавление опубликовано на Udemy.
Соберите самостоятельный каталог с формой, маршрутом деталей и обработкой ошибок. Затем выбирайте типизацию, тестирование или серверный рендеринг по проблеме проекта, а не по длине следующего курса.
Компонентная модель, JSX и Babel
Props, события и локальное состояние
Списки, формы и композиция
useEffect, fetch и асинхронные запросы
Todo-приложение и маршрутизация
Context API и разделяемое состояние
Redux, библиотека книг и createSlice
Обработка запросов в Redux
Отправьте ссылку на React, Redux и Redux Toolkit. Уточним текущую стоимость и поможем оформить выбранный курс в вашем личном аккаунте Udemy. Материалы и прогресс будут у вас.
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем условия. Общих аккаунтов и предоплаты нет.
Опыт работы с сервисом