Встановлення
Від самого початку 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 у наявний проєкт.
Подальші кроки
Відвідайте розділ “Швидкий старт”, щоб ознайомитися з найважливішими повсякденними концепціями React.