Установка

React изначально был спроектирован так, чтобы его можно было внедрять постепенно. Другими словами, вы можете начать с малого и использовать только ту функциональность React, которая необходима вам в данный момент. Информация в этом разделе будет полезна в любой ситуации: при первом знакомстве с React, при создании простой динамической HTML-страницы и даже при проектировании сложного React-приложения.

В этой главе

Пробуем React

Чтобы попробовать React, даже устанавливать ничего не нужно. Редактируйте прямо в песочнице!

Форкнуть

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

Вы можете редактировать прямо здесь или же открыть код в новой вкладке, нажав на кнопку “Форкнуть” в правом верхнем углу.

Такие песочницы есть на большинстве страниц React документации. За пределами React документации также есть большое количество песочниц, поддерживающих React. Например: CodeSandbox, StackBlitz или CodePen.

Поиграть с React локально

Что бы поиграть с React локально на вашем компьютере, скачайте эту HTML страницу. Откройте ее в своем текстовом редакторе и браузере!

Начать новый React проект

Если вы хотите создать приложение или сайт полностью на React — создайте новый React проект.

Добавить React в уже существующий проект

Если вы хотите использовать React в уже существующем приложении или сайте — добавьте React в уже существующий проект.

Дальнейшие шаги

Перейдите к Введению в React для ознакомления с самыми важными его концепциями.

PreviousThinking in React NextStart a New React Project