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
Copy file name to clipboardExpand all lines: src/content/community/translations.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,11 +28,7 @@ title: Переклади
28
28
29
29
## Як долучитися {/*how-to-contribute*/}
30
30
31
-
<<<<<<< HEAD
32
31
Ви можете долучитися до перекладу!
33
-
=======
34
-
You can contribute to the translation efforts!
35
-
>>>>>>> abe931a8cb3aee3e8b15ef7e187214789164162a
36
32
37
33
Спільнота виконує роботу з перекладу документації React у відповідному мовному відгалуженні (fork) react.dev. Типовий процес — це прямий переклад Markdown-файлу і створення PR із ним. Клацніть посилання "Долучитися" до GitHub-репозиторію для вашої мови та дотримуйтеся інструкцій, щоб допомогти з перекладом.
Copy file name to clipboardExpand all lines: src/content/learn/build-a-react-app-from-scratch.md
+1-15Lines changed: 1 addition & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,11 +12,7 @@ title: Побудова React-застосунку з нуля
12
12
13
13
#### Зважте використання фреймворку {/*consider-using-a-framework*/}
14
14
15
-
<<<<<<< HEAD
16
15
Початок з нуля — це простий спосіб використати React, але пам'ятайте, що в обмін цей шлях часто схожий на створення власного спеціалізованого фреймворку. З розвитком вимог вам треба буде вирішувати більше системних проблем, для яких наші рекомендовані фреймворки вже мають якісно розроблені та підтримувані рішення.
17
-
=======
18
-
Starting from scratch is an easy way to get started using React, but a major tradeoff to be aware of is that going this route is often the same as building your own adhoc framework. As your requirements evolve, you may need to solve more framework-like problems that our recommended frameworks already have well developed and supported solutions for.
19
-
>>>>>>> abe931a8cb3aee3e8b15ef7e187214789164162a
20
16
21
17
Наприклад, якщо згодом ваш застосунок потребуватиме рендеринг із боку сервера (SSR), генерацію статичного сайту (SSG) та/або серверні компоненти React (RSC), вам доведеться реалізувати їх самостійно. Так само доведеться самотужки вбудовувати майбутні функції React, які вимагатимуть інтеграції рівня фреймворку, якщо ви захочете їх використовувати.
22
18
@@ -136,22 +132,12 @@ Rsbuild відразу підтримує такі функції React, як ш
136
132
137
133
***Серверні компоненти React (RSC)** дають змогу змішувати компільовані, суто серверні та інтерактивні компоненти в одному React-дереві. RSC може покращити продуктивність, але наразі необхідні глибокі знання для його налаштування та обслуговування. Перегляньте [приклади RSC від Parcel](https://github.com/parcel-bundler/rsc-examples).
138
134
139
-
<<<<<<< HEAD
140
135
Ваші стратегії рендерингу мають бути інтегровані з вашим маршрутизатором, щоб застосунки, створені за допомогою вашого фреймворку, могли вибирати стратегію рендерингу для кожного маршруту. Це дає змогу використовувати різні стратегії рендерингу без переписування всього застосунку. Наприклад, головна сторінка вашого застосунку може мати користь від статичної генерації (SSG), а сторінка з інформаційною стрічкою — від рендерингу з боку сервера.
141
-
=======
142
-
Your rendering strategies need to integrate with your router so apps built with your framework can choose the rendering strategy on a per-route level. This will enable different rendering strategies without having to rewrite your whole app. For example, the landing page for your app might benefit from being statically generated (SSG), while a page with a content feed might perform best with server-side rendering.
143
-
>>>>>>> abe931a8cb3aee3e8b15ef7e187214789164162a
144
136
145
137
Використання слушної стратегії рендерингу для відповідних маршрутів може зменшити час до завантаження першого байта вмісту ([час до першого байта](https://web.dev/articles/ttfb)), рендерингу першого фрагмента вмісту ([малювання першого вмісту, FCP](https://web.dev/articles/fcp)) і рендерингу найбільшого видимого вмісту застосунку ([малювання найбільшого вмісту, LCP](https://web.dev/articles/lcp)).
146
138
147
139
### І більше... {/*and-more*/}
148
140
149
-
<<<<<<< HEAD
150
141
Це були лише кілька прикладів функцій, які необхідно враховувати фреймворку під час побудови з нуля. Багато обмежень, з якими ви зіткнетеся, можуть стати заскладними, оскільки кожна проблема взаємопов'язана з іншими та може потребувати глибоких знань у сфері, з якою ви часом не будете знайомі.
151
142
152
-
Якщо ви не хочете вирішувати ці проблеми самотужки, [розпочніть роботу з фреймворком](/learn/creating-a-react-app), який вже надає ці функції.
153
-
=======
154
-
These are just a few examples of the features a new app will need to consider when building from scratch. Many limitations you'll hit can be difficult to solve as each problem is interconnected with the others and can require deep expertise in problem areas you may not be familiar with.
155
-
156
-
If you don't want to solve these problems on your own, you can [get started with a framework](/learn/creating-a-react-app) that provides these features out of the box.
157
-
>>>>>>> abe931a8cb3aee3e8b15ef7e187214789164162a
143
+
Якщо ви не хочете вирішувати ці проблеми самотужки, [розпочніть роботу з фреймворком](/learn/creating-a-react-app), який вже надає ці функції.
0 commit comments