React с нуля: компоненты, состояния, props

Освойте React, создайте свое приложение с нуля — и станьте востребованным специалистом.
На React строят красивые сайты
Сайты сами себя не сделают, зато сделаете вы — на React. Он как «Лего» в мире сайтов и приложений.
и карьеру — с большой
и карьеру —
с большой
Если знаете React — всегда найдете работу и по душе, и по кошельку.
зарплатой
зарплатой
чтобы вы нашли любимую работу
HeadHunter знает, где искать классные вакансии, а Skypro — как их получить.
Вместе мы дадим вам самые актуальные знания и навыки, которые ищут все работодатели.
подружились
Кому подойдет?
Разработчикам
Чтобы делать красивые и удобные сайты и веб-приложения.
Новичкам в разработке
Чтобы освоить React с нуля.
Всем, кто ищет себя
Чтобы начать новую карьеру или получить дополнительный заработок.
Как проходит обучение
Работаем в инструменте с первого урока
Оттачивайте все навыки сразу на практике.
Закрепляйте навыки на упражнениях
Выполняйте тесты и практические задания.
Итоговый проект: приложение для управления задачами
С нуля создадите приложение в формате Kanban-доски.
Все уроки открываются сразу
Учитесь в комфортном для себя темпе.

Список тем курса

Знакомство с React 💻
  • Что такое React и зачем он используется
  • Создание и настройка проекта с нуля через Vite
  • JSX: синтаксис, выражения, условия
  • Функциональные компоненты
  • Установка и настройка проекта React
  • Создание компонентов и добавление дочерних в JSX-стиле
Props и хуки 🔗
  • Что такое хуки и зачем они нужны
  • Использование useState и useEffect: состояние и побочные эффекты
  • Подъем состояния для общего использования
  • Работа с кастомными хуками: назначение и принципы
  • Side effects и их контроль через useEffect
  • Props: передача данных и методов между компонентами
  • Применение хуков в реальных задачах
Стилизация 🏙
  • CSS-in-JS: преимущества и подход
  • Библиотека Styled Components: установка и синтаксис
  • Глобальные стили и их применение
  • Создание и стилизация компонентов
  • Тематическое оформление и базовая работа с темами
Роутинг ⛓️
  • React Router: назначение и принципы работы
  • Основные компоненты для настройки маршрутизации
  • Создание навигационной структуры
  • Переходы между страницами и передача параметров
Работа с API 📕
  • Использование Fetch API в React
  • Обработка ошибок и отображение состояния загрузки
  • Controlled- и uncontrolled-компоненты: различия
  • Принципы валидации и обработки ввода пользователя
  • Работа со Swagger
  • Множественные поля ввода, валидация форм и обработка ошибок
Context 📃
  • Что такое Context в React
  • Когда и зачем использовать Context
  • React Context API: управление состоянием
  • Сквозная передача данных между компонентами
  • Применение Context совместно с API
Чему вы научитесь
Писать компоненты
Разберетесь, как работает React, и создадите свой первый проект.
Передавать данные и управлять состоянием
Научитесь использовать props, работать с хуки, локальным состоянием и побочными эффектами.
Собирать приложение
из маршрутов и данных
Практически отработаете настройку роутинга и интеграцию API, создадите живое приложение.
Управлять данными
в приложении
Научитесь использовать Context API, передавать данные между компонентами и работать с глобальным состоянием.
Подключать приложение
к серверу
Освоите Fetch API, научитесь обрабатывать ошибки, работать с формами и данными пользователей.
Создавать удобные формы
Научитесь проверять ввод данных, обрабатывать ошибки и показывать подсказки пользователю.
Выносить логику в отдельные функции
Научитесь писать свои хуки и переиспользовать код между компонентами.
Создавать единый стиль проекта
Настроите глобальные темы и будете управлять цветами и шрифтами через CSS-in-JS.
Добавлять контент в HTML
с помощью CSS
Научитесь добавлять надписи, иконки и декоративные детали через стили.
Фрагментировать
и импортировать
Поймете, как разбивать данные на части и переносить их в нужный проект.
Настраивать навигацию
в приложении
Изучите React Router, создадите маршруты и переходы между страницами, научитесь передавать параметры.
Оформлять компоненты
Освоите Styled Components, научитесь задавать глобальные стили и создавать красивый дизайн элементов.
Код для сбора аккардеона ⬇️
10 уроков: от основ до разработки веб-приложений
Понятный материал даже для новичков
Тесты, практические задания и итоговый проект
Вечный доступ к материалам курса
Все нужные навыки по React — в одном месте
Учеба в любое время на удобной платформе
от 19 960 ₽
-75%
от 19 960 ₽
-75%
4990 ₽
Учитесь уже сейчас — по выгодной цене

Стоимость курса

Заполнить данные и перейти к оформлению

Истории наших студентов

Ответы на вопросы