Получить доступ

Старт и JSX

Основа

Создать проект на Vite, понять JSX и первый компонент — с чего начинается React.

React — библиотека для построения интерфейсов из компонентов. Компонент — функция, которая принимает данные и возвращает описание интерфейса на JSX. Когда данные меняются, React вызывает функцию заново и обновляет только изменившиеся части DOM.

npm create vite@latest shop -- --template react-ts
cd shop && npm install && npm run dev

Create React App устарел и больше не развивается: для SPA берут Vite, для сайтов с SSR — Next.js или React Router в режиме фреймворка.

Что важно знать до старта

JavaScript: деструктуризация, spread, стрелочные функции, методы массивов map и filter, модули, промисы. Без уверенного JS React кажется магией, а ошибки — непонятными.

Темы этапа

  • JSX и условный рендеринг Основа

    Разметка внутри JavaScript — выражения, атрибуты, условия и фрагменты.

  • События Основа

    Обработчики событий, передача колбэков детям и синтетические события.

Документация

← Вся карта «React»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем