Finished translation of Suspense page #556
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Skipped Deployment
|
Size changes📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
|
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. |
| * `children`: Реальний UI, який ви хочете відрендерити. Якщо `children` затримується під час рендерингу, межа Suspense перемкнеться на рендер `fallback`. | ||
| * `fallback`: Альтернативний UI, який рендериться замість справжнього UI, якщо той ще не завершив завантаження. Будь-який валідний React-вузол приймається, хоча на практиці, запасний варіант є легким заповнювачем, таким як спінер чи скелетон. Suspense автоматично перемкнеться на `fallback`, коли `children` затримується, і назад на `children`, коли дані будуть готові. Якщо `fallback` затримується під час рендеру, найближча батьківська межа Suspense буде активована. |
There was a problem hiding this comment.
Треба або в двох використовувати "реальний UI", або "справжній UI", щоб був однаковий переклад для "actual UI". Також я б переклала як "бажаний UI" або "очікуваний UI", щоб краще передати суть.
| * `children`: The actual UI you intend to render. If `children` suspends while rendering, the Suspense boundary will switch to rendering `fallback`. | ||
| * `fallback`: An alternate UI to render in place of the actual UI if it has not finished loading. Any valid React node is accepted, though in practice, a fallback is a lightweight placeholder view, such as a loading spinner or skeleton. Suspense will automatically switch to `fallback` when `children` suspends, and back to `children` when the data is ready. If `fallback` suspends while rendering, it will activate the closest parent Suspense boundary. | ||
| #### Пропси {/*props*/} | ||
| * `children`: Реальний UI, який ви хочете відрендерити. Якщо `children` затримується під час рендерингу, межа Suspense перемкнеться на рендер `fallback`. |
There was a problem hiding this comment.
| * `children`: Реальний UI, який ви хочете відрендерити. Якщо `children` затримується під час рендерингу, межа Suspense перемкнеться на рендер `fallback`. | |
| * `children`: Реальний UI, який ви хочете відрендерити. Якщо `children` затримується (suspends) під час рендерингу, межа (boundary) Suspense перемкнеться на рендер `fallback`. |
Я погоджуюсь тут із boundary як межа і suspend як затримувати, просто додамо на першому входженні оригінал для розуміння
p.s. чому suspend не призупиняти? є якийсь окремий підтекст чи пояснення?
There was a problem hiding this comment.
Підтексту немає, можна замінити на призупиняти за необхідності
There was a problem hiding this comment.
Друга частина перевірки: усі ці та попередні зауваження мають бути виправлені у всьому PR.
Третя частина перевірки буде після злиття #564 і виправлень першої і другої частини перевірки цього PR - інакше у мене накладається складність коректури одного і того самого
| } | ||
| ``` | ||
|
|
||
| ```js src/Albums.js hidden | ||
| import { fetchData } from './data.js'; | ||
|
|
||
| // Note: this component is written using an experimental API | ||
| // that's not yet available in stable versions of React. | ||
| // Примітка: цей компонент створено із використанням експериментального API, |
There was a problem hiding this comment.
тут і далі
| // Примітка: цей компонент створено із використанням експериментального API, | |
| // Примітка: цей компонент створено з використанням експериментального API, |
| @@ -584,9 +584,9 @@ function Details({ artistId }) { | |||
|
|
|||
| --- | |||
|
|
|||
| ### Revealing nested content as it loads {/*revealing-nested-content-as-it-loads*/} | |||
| ### Відображення вкладеного вмісту по мірі його завантаження {/*revealing-nested-content-as-it-loads*/} | |||
There was a problem hiding this comment.
тут і далі - виправити вживання прийменника по
https://onlinecorrector.com.ua/uk/%D0%BF%D0%BE/
|
|
||
| By default, the whole tree inside Suspense is treated as a single unit. For example, even if *only one* of these components suspends waiting for some data, *all* of them together will be replaced by the loading indicator: | ||
| За замовчуванням, усе дерево всередині Suspense сприймається як один компонент. Для прикладу, навіть якщо *тільки один* із цих компонентів затримується очікуючи на дані, *всі* з них буде замінено на індикатор завантаження: |
There was a problem hiding this comment.
тут і далі - за замовчуванням замінити на інше (початково, стандартно, типово, усталено)
https://onlinecorrector.com.ua/uk/%D1%82%D0%B8%D0%BF%D0%BE%D0%B2%D0%B8%D0%B9-%D1%81%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D0%BD%D0%B8%D0%B9-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D0%B9/
| // Note: the way you would do data fetching depends on | ||
| // the framework that you use together with Suspense. | ||
| // Normally, the caching logic would be inside a framework. | ||
| // Примітка: те як ви будете отримувати дані залежить |
There was a problem hiding this comment.
тут і далі
| // Примітка: те як ви будете отримувати дані залежить | |
| // Примітка: те, як ви будете отримувати дані, залежить |
| // Normally, the caching logic would be inside a framework. | ||
| // Примітка: те як ви будете отримувати дані залежить | ||
| // від фреймворку, який ви використовуєте разом із Suspense. | ||
| // Зазвичай, логіка кешування буде всередині фреймворку. |
There was a problem hiding this comment.
Тут і далі - зазвичай не буде відокремленим (не усі коми англійською переходять в українську)
| // Зазвичай, логіка кешування буде всередині фреймворку. | |
| // Зазвичай логіка кешування буде всередині фреймворку. |
|
|
||
| To make it more obvious to the user, you can add a visual indication when the stale result list is displayed: | ||
| Щоби зробити це більш очевидним для користувача, ви можете додати візуальний індикатор при відображенні застарілого результату: |
There was a problem hiding this comment.
тут і далі - виправити вживання прийменника при
https://onlinecorrector.com.ua/uk/%D0%B1%D1%96%D0%BB%D1%8F-%D0%BA%D1%80%D0%B0%D0%B9-%D0%B7%D0%B0-%D0%BF%D1%96%D0%B4-%D1%87%D0%B0%D1%81-%D1%83-%D1%80%D0%B0%D0%B7%D1%96/
| // For a realistic example you can follow today, try a framework | ||
| // that's integrated with Suspense, like Relay or Next.js. | ||
| // Для реалістичного прикладу, який ви можете спробувати сьогодні, скористайтеся фреймворком | ||
| // з інтегрованим Suspense, таким як Relay чи Next.js |
There was a problem hiding this comment.
тут і далі
| // з інтегрованим Suspense, таким як Relay чи Next.js | |
| // з інтегрованим Suspense, як-от Relay чи Next.js. |
GeorgeShvab
force-pushed
the
uk-translation-suspense
branch
from
926ffa8 to
bd5f734
Compare
|
Дякую за рев'ю.
|
GeorgeShvab
force-pushed
the
uk-translation-suspense
branch
from
bd5f734 to
2b508a2
Compare
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.