Встановлення

Від самого початку 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, наприклад: CodeSandbox, StackBlitz або CodePen.

Щоб спробувати React локально на вашому комп’ютері, завантажте цю HTML-сторінку. Відкрийте її у редакторі та браузері!

Початок React-проєкту

Якщо ви хочете створити застосунок за допомогою React, почніть React-проєкт, використовуючи один із рекомендованих фреймворків.

Build a React Framework

If a framework is not a good fit for your project, or you prefer to start by building your own framework, you can build your own React framework.

Інтегрувати React у наявний проєкт

Якщо ви хочете використати React у власному застосунку або вебсайті, інтегруйте React у наявний проєкт.

Deprecated Options

Create React App (Deprecated)

Create React App is a deprecated tool, previously recommended for creating new React apps. If you want to start a new React app, you can create a React app using a recommended framework.

For more information, see Sunsetting Create React App.

Подальші кроки

Відвідайте розділ “Швидкий старт”, щоб ознайомитися з найважливішими повсякденними концепціями React.