Finished translation of Suspense page by heshvab · Pull Request #556 · reactjs/uk.react.dev

heshvab · 2024-07-28T09:58:03Z

Apologies for the long time this translation has taken.

Translated "fallback" as "запасний варіант" according to the glossary. I considered other variants but couldn't find a more suitable option.

vercel · 2024-07-28T09:58:07Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
uk-legacy-reactjs-org	⬜️ Ignored (Inspect)	Visit Preview		Jan 26, 2025 4:41pm

github-actions · 2024-07-28T10:00:03Z

Size changes

Details

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

alinkedd · 2024-07-28T15:21:15Z

Thanks for the PR!

I'll do a review a little bit later, as there are already another two big PRs submitted earlier which are waiting for the review.

alinkedd

Перша частина перевірки

src/content/reference/react/Suspense.md

alinkedd

Друга частина перевірки: усі ці та попередні зауваження мають бути виправлені у всьому PR.

Третя частина перевірки буде після злиття #564 і виправлень першої і другої частини перевірки цього PR - інакше у мене накладається складність коректури одного і того самого

src/content/reference/react/Suspense.md

heshvab · 2024-10-17T12:17:09Z

Дякую за рев'ю.

Виправив вказані помилки
Ще кілька разів перечитав переклад, зробив інші виправлення
Додав fallback як запасний варіант у TRANSLATION.md

alinkedd · 2024-12-29T16:45:23Z

@GeorgeShvab можеш ребейзнути?

heshvab · 2025-01-27T21:20:32Z

@GeorgeShvab можеш ребейзнути?

@alinkedd ребейзнув

alinkedd · 2025-03-06T13:25:44Z

src/content/reference/react/Suspense.md

 </Sandpack>

-A common alternative UI pattern is to *defer* updating the list and to keep showing the previous results until the new results are ready. The [`useDeferredValue`](/reference/react/useDeferredValue) Hook lets you pass a deferred version of the query down: 
+Поширеним альтернативним UI паттерном є *відкладене* оновлення списку з показом попередніх результатів, доки нові результати не будуть готові. Хук [`useDeferredValue`](/reference/react/useDeferredValue) дає змогу передавати відкладений варіант запиту вниз по дереву: 


Suggested change

Поширеним альтернативним UI паттерном є *відкладене* оновлення списку з показом попередніх результатів, доки нові результати не будуть готові. Хук [`useDeferredValue`](/reference/react/useDeferredValue) дає змогу передавати відкладений варіант запиту вниз по дереву:

Поширеним альтернативним UI паттерном є *відкладене* оновлення списку з показом попередніх результатів, доки нові результати не будуть готові. Хук [`useDeferredValue`](/reference/react/useDeferredValue) дає змогу передавати відкладений варіант запиту вниз деревом:

alinkedd · 2025-10-18T20:05:35Z

src/content/reference/react/Suspense.md

 ```

-The `query` will update immediately, so the input will display the new value. However, the `deferredQuery` will keep its previous value until the data has loaded, so `SearchResults` will show the stale results for a bit.
+`query` оновиться одразу, тому пошуковий рядок відображатиме нове значення. Проте, `deferredQuery` збереже попереднє значення, доки дані не будуть завантажені, тож `SearchResults` на деякий час відобразить застарілі результати.


Suggested change

`query` оновиться одразу, тому пошуковий рядок відображатиме нове значення. Проте, `deferredQuery` збереже попереднє значення, доки дані не будуть завантажені, тож `SearchResults` на деякий час відобразить застарілі результати.

`query` оновиться одразу, тому поле пошуку відображатиме нове значення. Проте `deferredQuery` збереже попереднє значення, доки дані не будуть завантажені, тож `SearchResults` на деякий час відобразить застарілі результати.

alinkedd · 2025-10-18T20:11:40Z

src/content/reference/react/Suspense.md

 ```

-Enter `"a"` in the example below, wait for the results to load, and then edit the input to `"ab"`. Notice how instead of the Suspense fallback, you now see the dimmed stale result list until the new results have loaded:
+Введіть `"a"` у прикладі нижче, зачекайте на результат, тоді змініть значення на `"ab"`. Зверніть увагу, як замість запасного варіанту, ви бачите затемнений список попередніх результатів, доки нові результати не завантажилися:


Suggested change

Введіть `"a"` у прикладі нижче, зачекайте на результат, тоді змініть значення на `"ab"`. Зверніть увагу, як замість запасного варіанту, ви бачите затемнений список попередніх результатів, доки нові результати не завантажилися:

Введіть `"a"` у прикладі нижче, зачекайте на результат, тоді змініть значення на `"ab"`. Зверніть увагу, як замість запасного варіанту ви бачите затемнений список попередніх результатів, доки нові результати не завантажилися:

alinkedd · 2025-10-18T20:25:18Z

src/content/reference/react/Suspense.md

 <Note>

-Both deferred values and [Transitions](#preventing-already-revealed-content-from-hiding) let you avoid showing Suspense fallback in favor of inline indicators. Transitions mark the whole update as non-urgent so they are typically used by frameworks and router libraries for navigation. Deferred values, on the other hand, are mostly useful in application code where you want to mark a part of UI as non-urgent and let it "lag behind" the rest of the UI.
+Як затримані значення так і [переходи](#preventing-already-revealed-content-from-hiding) дають вам змогу уникнути відображення запасного варіанту Suspense, натомість відображаючи індикатор безпосередньо у вмісті. Переходи відмічають оновлення як нетермінові, тож вони часто використовуються фреймворками та бібліотеками-маршрутизаторами для навігації. З іншого боку, відкладені значення, переважно використовуються в коді застосунку там, де ви хочете відмітити частину UI як нетермінову й дозволити їй "відставати" від решти UI.


Suggested change

Як затримані значення так і [переходи](#preventing-already-revealed-content-from-hiding) дають вам змогу уникнути відображення запасного варіанту Suspense, натомість відображаючи індикатор безпосередньо у вмісті. Переходи відмічають оновлення як нетермінові, тож вони часто використовуються фреймворками та бібліотеками-маршрутизаторами для навігації. З іншого боку, відкладені значення, переважно використовуються в коді застосунку там, де ви хочете відмітити частину UI як нетермінову й дозволити їй "відставати" від решти UI.

Як відкладені значення, так і [переходи (transitions)](#preventing-already-revealed-content-from-hiding) дають вам змогу уникнути відображення запасного варіанту Suspense, натомість відображаючи індикатор безпосередньо у вмісті. Переходи позначають оновлення як нетермінові, тож вони часто використовуються фреймворками та бібліотеками-маршрутизаторами для навігації. З іншого боку, відкладені значення переважно використовуються в коді застосунку там, де ви хочете позаначити частину UI як нетермінову й дозволити їй "відставати" від решти UI.

alinkedd · 2025-10-18T20:27:50Z

src/content/reference/react/Suspense.md

+### Запобігання заміни запасним варіантом уже відображеного вмісту {/*preventing-already-revealed-content-from-hiding*/}

-When a component suspends, the closest parent Suspense boundary switches to showing the fallback. This can lead to a jarring user experience if it was already displaying some content. Try pressing this button:
+Коли компонент затримується, найближча батьківська межа Suspense перемикається на показ запасного варіанту. Це може призвести до неприємного користувацького досвіду у випадку, якщо якийсь вміст уже відображався. Спробуйте настинути цю кнопку:


Suggested change

Коли компонент затримується, найближча батьківська межа Suspense перемикається на показ запасного варіанту. Це може призвести до неприємного користувацького досвіду у випадку, якщо якийсь вміст уже відображався. Спробуйте настинути цю кнопку:

Коли компонент затримується, найближча батьківська межа Suspense перемикається на показ запасного варіанту. Це може призвести до неприємного користувацького досвіду у разі, якщо якийсь вміст уже відображався. Спробуйте настинути цю кнопку:

https://onlinecorrector.com.ua/%D1%83-%D1%80%D0%B0%D0%B7%D1%96/

alinkedd · 2025-10-18T21:41:57Z

src/content/reference/react/Suspense.md

 ```

-The server HTML will include the loading indicator. It will be replaced by the `Chat` component on the client.
+Відрендерений на стороні сервера HTML включатиме лише індикатор завантаження. Його буде замінено компонентом `Chat` на стороні клієнта.


Suggested change

Відрендерений на стороні сервера HTML включатиме лише індикатор завантаження. Його буде замінено компонентом `Chat` на стороні клієнта.

Серверний HTML-код матиме лише індикатор завантаження. Його буде замінено компонентом `Chat` на клієнті.

alinkedd · 2025-10-18T21:43:06Z

src/content/reference/react/Suspense.md

 ---

-## Troubleshooting {/*troubleshooting*/}
+## Усунення неполадок {/*troubleshooting*/}


Suggested change

## Усунення неполадок {/*troubleshooting*/}

## Усунення проблем {/*troubleshooting*/}

#567

alinkedd · 2025-10-18T21:49:37Z

src/content/reference/react/Suspense.md

+Заміна видимого UI запасним варіантом спричиняє неприємний користувацький досвід. Це стається, коли оновлення спричиняє затримку компонента, а найближчий Suspense вже показує вміст користувачу.

-To prevent this from happening, [mark the update as non-urgent using `startTransition`](#preventing-already-revealed-content-from-hiding). During a Transition, React will wait until enough data has loaded to prevent an unwanted fallback from appearing:
+Щоб запобігти цьому, [відмітьте оновлення нетерміновим, використовуючи `startTransition`](#preventing-already-revealed-content-from-hiding). Під час переходу, React зачекає на завантаження даних, щоб запобігти відображенню небажаного запасного варіанту:


Suggested change

Щоб запобігти цьому, [відмітьте оновлення нетерміновим, використовуючи `startTransition`](#preventing-already-revealed-content-from-hiding). Під час переходу, React зачекає на завантаження даних, щоб запобігти відображенню небажаного запасного варіанту:

Щоб запобігти цьому, [позначте оновлення нетерміновим за допомогою `startTransition`](#preventing-already-revealed-content-from-hiding). Під час переходу React зачекає на завантаження даних, щоб запобігти відображенню небажаного запасного варіанту:

alinkedd · 2025-10-18T21:55:27Z

src/content/reference/react/Suspense.md

 ```

-This will avoid hiding existing content. However, any newly rendered `Suspense` boundaries will still immediately display fallbacks to avoid blocking the UI and let the user see the content as it becomes available.
+Це допоможе уникнути приховання вже існуючого вмісту. Однак, будь-яка наново відрендерена межа `Suspense`, усе ще відображатиме запасний варіант, щоб уникнути блокування UI і дасть змогу користувачу бачити вміст як тільки він стане доступним.


Suggested change

Це допоможе уникнути приховання вже існуючого вмісту. Однак, будь-яка наново відрендерена межа `Suspense`, усе ще відображатиме запасний варіант, щоб уникнути блокування UI і дасть змогу користувачу бачити вміст як тільки він стане доступним.

Так ви уникнете приховання наявного вмісту. Однак, будь-яка наново відрендерена межа `Suspense` усе ще відображатиме запасний варіант, щоб уникнути блокування UI, і дасть змогу користувачу бачити вміст, щойно він стане доступним.

https://onlinecorrector.com.ua/%D1%89%D0%BE%D0%B9%D0%BD%D0%BE/

alinkedd · 2025-10-18T22:03:17Z

src/content/reference/react/Suspense.md

+Це допоможе уникнути приховання вже існуючого вмісту. Однак, будь-яка наново відрендерена межа `Suspense`, усе ще відображатиме запасний варіант, щоб уникнути блокування UI і дасть змогу користувачу бачити вміст як тільки він стане доступним.

-**React will only prevent unwanted fallbacks during non-urgent updates**. It will not delay a render if it's the result of an urgent update. You must opt in with an API like [`startTransition`](/reference/react/startTransition) or [`useDeferredValue`](/reference/react/useDeferredValue).
+**React запобігатиме небажаним запасним варіантам лише під час нетермінових оновлень**. Він не затримуватиме рендеринг, якщо це результат термінового оновлення. Ви повинні увімкнути це з API, наприклад, [`startTransition`](/reference/react/startTransition) або [`useDeferredValue`](/reference/react/useDeferredValue).


Suggested change

**React запобігатиме небажаним запасним варіантам лише під час нетермінових оновлень**. Він не затримуватиме рендеринг, якщо це результат термінового оновлення. Ви повинні увімкнути це з API, наприклад, [`startTransition`](/reference/react/startTransition) або [`useDeferredValue`](/reference/react/useDeferredValue).

**React запобігатиме небажаним запасним варіантам лише під час нетермінових оновлень**. Він не затримуватиме рендеринг, якщо це результат термінового оновлення. Щоб увімкнути запобігання, ви повинні використовувати певні API, наприклад, [`startTransition`](/reference/react/startTransition) або [`useDeferredValue`](/reference/react/useDeferredValue).

переписала, щоб було зрозуміліше, шо третє речення посилається на перше

vercel bot deployed to Preview – uk-react-dev July 28, 2024 09:59 View deployment

alinkedd mentioned this pull request Jul 28, 2024

New Ukrainian Translation Progress #457

Open

alinkedd self-requested a review July 28, 2024 15:19

vercel bot deployed to Preview – uk-react-dev August 28, 2024 09:15 View deployment

alinkedd requested changes Sep 9, 2024

View reviewed changes

alinkedd requested changes Sep 13, 2024

View reviewed changes

vercel bot deployed to Preview – uk-react-dev October 7, 2024 08:57 View deployment

heshvab force-pushed the uk-translation-suspense branch from 926ffa8 to bd5f734 Compare October 17, 2024 11:02

vercel bot deployed to Preview – uk-react-dev October 17, 2024 11:03 View deployment

heshvab force-pushed the uk-translation-suspense branch from bd5f734 to 2b508a2 Compare October 17, 2024 12:38

vercel bot deployed to Preview – uk-react-dev October 17, 2024 12:39 View deployment

Finished translation of Suspense page

2ac4731

heshvab force-pushed the uk-translation-suspense branch from 2b508a2 to 2ac4731 Compare January 26, 2025 16:41

vercel bot deployed to Preview – uk-react-dev January 26, 2025 16:42 View deployment

alinkedd added the Редактура не завершена label Mar 6, 2025

alinkedd added the Чекає на перевірку label Apr 5, 2025

alinkedd requested changes Oct 18, 2025

View reviewed changes

alinkedd added Чекає на зміни and removed Редактура не завершена Чекає на перевірку labels Oct 18, 2025

	`query` оновиться одразу, тому пошуковий рядок відображатиме нове значення. Проте, `deferredQuery` збереже попереднє значення, доки дані не будуть завантажені, тож `SearchResults` на деякий час відобразить застарілі результати.
	`query` оновиться одразу, тому поле пошуку відображатиме нове значення. Проте `deferredQuery` збереже попереднє значення, доки дані не будуть завантажені, тож `SearchResults` на деякий час відобразить застарілі результати.

	Відрендерений на стороні сервера HTML включатиме лише індикатор завантаження. Його буде замінено компонентом `Chat` на стороні клієнта.
	Серверний HTML-код матиме лише індикатор завантаження. Його буде замінено компонентом `Chat` на клієнті.

	## Усунення неполадок {/troubleshooting/}
	## Усунення проблем {/troubleshooting/}

Conversation

heshvab commented Jul 28, 2024

Uh oh!

vercel bot commented Jul 28, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Jul 28, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Size changes

📦 Next.js Bundle Analysis for react-dev

Uh oh!

alinkedd commented Jul 28, 2024

Uh oh!

alinkedd left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

alinkedd left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

heshvab commented Oct 17, 2024

Uh oh!

alinkedd commented Dec 29, 2024

Uh oh!

heshvab commented Jan 27, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

vercel bot commented Jul 28, 2024 •

edited

Loading

github-actions bot commented Jul 28, 2024 •

edited

Loading