Уроки
React собирает веб-приложения из компонентов, которые сами обновляют страницу. Вы создадите приложение для музыкального фестиваля: с программой выступлений, избранным и формой покупки билета.
Уроки
Урок 1
Разберитесь в файлах React-приложения, напишите свои компоненты и научитесь исправлять ошибки.
За урок вы получите 60 XP
Урок 2
Закрывайте каждый тег, используйте className и htmlFor и подставляйте значения в JSX в фигурных скобках.
За урок вы получите 105 XP
Урок 3
Разделите страницу на компоненты, каждый в своём файле, и соедините их через import и export.
За урок вы получите 70 XP
Урок 4
Передавайте данные в компоненты через пропсы, задавайте значения по умолчанию и содержимое через children.
За урок вы получите 95 XP
Урок 5
Превращайте массивы в списки через map() и ключи и выбирайте, что показать, через ? : и &&.
За урок вы получите 110 XP
Мини-проект
Создайте книгу рецептов: карточки с ингредиентами, значки «Вегетарианский» и «Быстрый» и разделы.
За урок вы получите 35 XP
Урок 7
Обрабатывайте клики через onClick, ввод текста через onChange и передавайте обработчики как пропсы.
За урок вы получите 65 XP
Урок 8
Заставьте страницу меняться с помощью useState и обновляйте числа, массивы и объекты в состоянии.
За урок вы получите 130 XP
Урок 9
Управляйте полями через value и onChange, отправляйте формы через onSubmit и показывайте сообщения об ошибках.
За урок вы получите 90 XP
Мини-проект
Создайте викторину, которая проверяет ответы, считает очки и начинается заново по кнопке «Сыграть ещё раз».
За урок вы получите 40 XP
Урок 11
Поднимайте состояние в App, чтобы делиться им, и вычисляйте числа и списки, а не храните их.
За урок вы получите 60 XP
Урок 12
Запуск кода через useEffect, зависимости и загрузка данных с помощью fetch().
За урок вы получите 95 XP
Мини-проект
Секундомер с десятыми долями секунды: старт и стоп, сброс и круги.
За урок вы получите 35 XP
Урок 14
Ставьте курсор через useRef, пишите хуки вроде useLocalStorage и следуйте правилам хуков.
За урок вы получите 55 XP
Урок 15
Создайте приложение с карточками: оно переворачивает их, добавляет ваши слова и помнит, что вы выучили.
За урок вы получите 85 XP
React — самая используемая библиотека для создания веб-приложений. Курс охватывает JSX, компоненты и пропсы, списки, события, состояние, формы, передачу состояния между компонентами, эффекты, которые загружают данные и запускают таймеры, рефы и ваши собственные хуки.
Курс рассчитан на тех, кто знает HTML, CSS и JavaScript. Вы шаг за шагом создаёте приложение для музыкального фестиваля, книгу рецептов, игру-викторину и секундомер, а итоговый проект — приложение с карточками, которое запоминает, что вы уже выучили.