You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started.
7
+
Від самого початку React був спроєктований для поступового впровадження. Ви можете використовувати стільки React-у, скільки вам потрібно. Бажаєте ознайомитися з React, додати трохи інтерактивності до HTML-сторінки чи створити складний React-застосунок — цей розділ допоможе вам почати роботу.
8
8
9
9
</Intro>
10
10
11
11
<YouWillLearnisChapter={true}>
12
12
13
-
*[How to start a new React project](/learn/start-a-new-react-project)
14
-
*[How to add React to an existing project](/learn/add-react-to-an-existing-project)
15
-
*[How to set up your editor](/learn/editor-setup)
16
-
*[How to install React Developer Tools](/learn/react-developer-tools)
13
+
*[Як почати новий React-проєкт](/learn/start-a-new-react-project)
14
+
*[Як інтегрувати React в існуючий проєкт](/learn/add-react-to-an-existing-project)
15
+
*[Як налаштувати редактор коду](/learn/editor-setup)
16
+
*[Як встановити інструменти React розробника](/learn/react-developer-tools)
17
17
18
18
</YouWillLearn>
19
19
20
-
## Try React {/*try-react*/}
20
+
## Спробувати React {/*try-react*/}
21
21
22
-
You don't need to install anything to play with React. Try editing this sandbox!
22
+
Не потрібно нічого встановлювати, щоб погратися з React. Спробуйте відредагувати код у цій пісочниці!
23
23
24
24
<Sandpack>
25
25
@@ -35,23 +35,23 @@ export default function App() {
35
35
36
36
</Sandpack>
37
37
38
-
You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner.
38
+
Ви можете редагувати його прямо на цій сторінці або відкрити у новій вкладці, натиснувши кнопку "Fork" у верхньому правому куті.
39
39
40
-
Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or[CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
40
+
Більшість сторінок у документації React містять схожі пісочниці. Водночас існує багато інших онлайн-пісочниць з підтримкою React, наприклад: [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react) або[CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb)
To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html)Open it in your editor and in your browser!
44
+
Щоб спробувати React локально на вашому комп'ютері, [завантажте цю HTML-сторінку.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html)Відкрийте її у редакторі та браузері!
45
45
46
-
## Start a new React project {/*start-a-new-react-project*/}
46
+
## Почати новий React-проєкт {/*start-a-new-react-project*/}
47
47
48
-
If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project)
48
+
Якщо ви хочете створити застосунок або вебсайт за допомогою React, [почніть новий React-проєкт.](/learn/start-a-new-react-project)
49
49
50
-
## Add React to an existing project {/*add-react-to-an-existing-project*/}
50
+
## Інтегрувати React в існуючий проєкт {/*add-react-to-an-existing-project*/}
51
51
52
-
If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project)
52
+
Якщо ви хочете використати React у власному застосунку або вебсайті, [інтегруйте React в існуючий проєкт.](/learn/add-react-to-an-existing-project)
53
53
54
-
## Next steps {/*next-steps*/}
54
+
## Подальші кроки {/*next-steps*/}
55
55
56
-
Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
56
+
Відвідайте розділ ["Швидкий старт"](/learn), щоб ознайомитися з найважливішими повсякденними концепціями React.
0 commit comments