Встановлення
Від самого початку 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 (Deprecated)
Create React App — це застарілий інструмент, який раніше рекомендувався для створення нових React-застосунків. Якщо ви хочете почати новий проєкт за допомогою React, ви можете створити React-застосунок, використовуючи один із рекомендованих фреймворків.
Дізнайтеся більше у статті “Sunsetting Create React App”.
Подальші кроки
Відвідайте розділ “Швидкий старт”, щоб ознайомитися з найважливішими повсякденними концепціями React.