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

Від самого початку 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 локально

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

Почати новий React-проєкт

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

Інтегрувати React в існуючий проєкт

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

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

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