Установка

React с самого начала разрабатывался с учётом возможности постепенного внедрения. Вы можете использовать React в той мере, в какой он вам необходим. Хотите ли вы познакомиться с React, добавить немного интерактивности на HTML-страницу или начать создавать сложное приложение на React — этот раздел поможет вам приступить к работе.

Попробуйте React

Для работы с React ничего устанавливать не нужно. Попробуйте отредактировать эту песочницу!

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

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

Вы можете отредактировать её прямо здесь или открыть в новой вкладке, нажав кнопку «Fork» в правом верхнем углу.

Большинство страниц документации React содержат подобные песочницы. Помимо документации React, существует множество онлайн-песочниц с поддержкой React, например CodeSandbox, StackBlitz или CodePen.

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

Создание приложения React

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

Создание приложения React с нуля

Если фреймворк не подходит для вашего проекта, вы предпочитаете создать собственный фреймворк или просто хотите изучить основы приложения React, вы можете создать приложение React с нуля.

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

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

Примечание

Стоит ли использовать Create React App?

Нет. Поддержка Create React App прекращена. Подробнее см. в статье «Прекращение поддержки Create React App».

Следующие шаги

Перейдите к руководству «Быстрый старт», чтобы ознакомиться с важнейшими концепциями React, с которыми вы будете сталкиваться каждый день.

© 2013–present Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://react.dev/learn/installation