React для начинающих — это девять лабораторных работ по созданию браузерных интерфейсов с функциональными компонентами. В проекте Vite вы будете редактировать JSX, объединять компоненты, передавать данные, управлять локальным состоянием и добавлять кнопки, списки, условный контент и формы.
Каждая пошаговая работа посвящена одной теме. Вы запускаете сервер, видите изменения во встроенном браузере и небольшими правками формируете понимание компонентного процесса React.
Чему вы научитесь
- Исследовать проект Vite React, устанавливать зависимости и запускать сервер разработки
- Создавать, экспортировать, импортировать и сочетать функциональные компоненты
- Писать JSX с выражениями, атрибутами, самозакрывающимися элементами и фрагментами
- Передавать значения от родителя к дочернему компоненту через props, деструктуризацию и значения по умолчанию
- Управлять локальным состоянием и обновлениями с Hook
useState - Подключать обработчики, исследовать события и предотвращать стандартные действия браузера
- Условно отображать контент с тернарными и логическими операторами, переменными и состоянием
- Преобразовывать массивы в элементы с ключами и создавать управляемые поля и отправку форм
Для кого этот курс
Курс предназначен для новичков React с базовыми знаниями JavaScript, желающих пошагово освоить функциональные компоненты. Он также полезен начинающим frontend-разработчикам, которым нужно связать JSX, props, состояние и события перед большой программой.
Предварительные требования: Рекомендуются основы JavaScript: функции, переменные, массивы, объекты, импорты и map. Полезно знать HTML-элементы и атрибуты. Опыт React или Vite не требуется.
Учебная среда: Все девять работ выполняются в React WebIDE на Ubuntu 22.04 с Node.js, npm, редактором, терминалом и предпросмотром Web 8080. Вы запускаете Vite-сервер и наблюдаете горячие обновления.
Часто задаваемые вопросы
Создам ли я одно полноценное React-приложение?
Нет. Вы сделаете отдельные примеры: компоненты, счётчик, условные виды, списки и управляемую форму. Курс объясняет основную механику, но не содержит единого итогового приложения.
Используются функциональные или классовые компоненты?
Используются функциональные компоненты и Hook useState. Классовые компоненты и их жизненный цикл не рассматриваются.
Охватываются маршрутизация, API или продвинутые Hooks?
Нет. React Router, получение данных, useEffect, Context, пользовательские Hooks, TypeScript, тестирование, библиотеки состояния и развёртывание не входят в курс.
Нужно ли устанавливать React на свой компьютер?
Нет. Каждая работа готовит Vite React в предоставленной WebIDE. npm и сервер используются внутри среды; локальная настройка не нужна.
