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

Від самого початку 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-застосунок, використовуючи один із рекомендованих фреймворків.

Побудувати React-застосунок з нуля

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

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

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

Примітка

Чи слід використовувати Create React App?

Ні. Create React App застарів. Дізнайтеся більше у статті “Sunsetting Create React App”.

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

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