docs: translation for useId page #633

LeoMorgan113 · 2025-10-20T11:07:50Z

Hi all,

Here is my translation of the useId documentation page.
Feel free to review and write your comments.

vercel · 2025-10-20T11:07:59Z

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
uk-legacy-reactjs-org	Ignored	Preview		Nov 3, 2025 2:24pm

alinkedd

Дякую за PR!

Запити на зміни мають бути виправлені і перевірені у всій статті. Немає вимог, коли має бути виправлено, це буде просто послідовна асинхронна взаємодія перевірка-зміни-перевірка-зміни-перевірка тощо.

Рекомендую локально запустити документацію і перевірити, по-перше, чому падає збірка, по-друге, після виправлення цього відкрити сторінку і подивитися на переклад як читач, можливо, захочеться щось переписати, щоб було зрозуміліше.

Якщо будуть складніші питання чи потрібна серйозніша допомога або консультації, то є дискорд-сервер https://discord.gg/WM6PmCpp7W

src/content/reference/react/useId.md

LeoMorgan113 · 2025-11-03T14:27:10Z

@alinkedd дякую за рев'ю!
Помилки були виправлені, чекаю фідбек

alinkedd

Це фінальна перевірка. Після внесення цих виправлень PR буде злито.

Також за бажання можна зробити ребейз для чистішої історії комітів

alinkedd · 2025-11-08T16:59:24Z

src/content/reference/react/useId.md

+[Атрибути доступності HTML](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA), як-от [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby), дають змогу зазначити, що два теги пов'язані один з одним. Наприклад, ви можете зазначити, що елемент (як-от input) описаний іншим компонентом (як-от параграф).

-In regular HTML, you would write it like this:
+У звичайному HTML ви би написали наступне:


Suggested change

У звичайному HTML ви би написали наступне:

У звичайному HTML ви б написали наступне:

alinkedd · 2025-11-08T16:59:40Z

src/content/reference/react/useId.md

 </label>
 <p id="password-hint">
-  The password should contain at least 18 characters
+    Довжина паролю має бути не менш ніж 18 символів


Suggested change

Довжина паролю має бути не менш ніж 18 символів

Довжина паролю має бути не менш ніж 18 символів

alinkedd · 2025-11-08T16:59:58Z

src/content/reference/react/useId.md

      </label>
      <p id={passwordHintId}>
-        The password should contain at least 18 characters
+          Довжина паролю має бути не менш ніж 18 символів


Suggested change

Довжина паролю має бути не менш ніж 18 символів

Довжина паролю має бути не менш ніж 18 символів

alinkedd · 2025-11-08T17:00:14Z

src/content/reference/react/useId.md

      </label>
      <p id={passwordHintId}>
-        The password should contain at least 18 characters
+          Довжина паролю має бути не менш ніж 18 символів


Suggested change

Довжина паролю має бути не менш ніж 18 символів

Довжина паролю має бути не менш ніж 18 символів

alinkedd · 2025-11-08T17:02:12Z

src/content/reference/react/useId.md

+Можливо, вам кортить дізнатися, чому використання `useId` краще за інкрементування глобальної змінної, як наприклад, `nextId++`.

-The primary benefit of `useId` is that React ensures that it works with [server rendering.](/reference/react-dom/server) During server rendering, your components generate HTML output. Later, on the client, [hydration](/reference/react-dom/client/hydrateRoot) attaches your event handlers to the generated HTML. For hydration to work, the client output must match the server HTML.
+Початкова перевага `useId` в тому, що React запевниться, що це працює разом із [серверним рендерингом.](/reference/react-dom/server) Протягом серверного рендерингу, ваш компонент генерує HTML-вивід. Далі на клієнті [гідрація](/reference/react-dom/client/hydrateRoot) прикріплює обробники подій до згенерованого HTML. Для коректної роботи гідрації, клієнтський вивід має збігатись із серверним HTML.


Suggested change

Початкова перевага `useId` в тому, що React запевниться, що це працює разом із [серверним рендерингом.](/reference/react-dom/server) Протягом серверного рендерингу, ваш компонент генерує HTML-вивід. Далі на клієнті [гідрація](/reference/react-dom/client/hydrateRoot) прикріплює обробники подій до згенерованого HTML. Для коректної роботи гідрації, клієнтський вивід має збігатись із серверним HTML.

Початкова перевага `useId` в тому, що React запевниться, що це працює разом із [серверним рендерингом.](/reference/react-dom/server) Протягом серверного рендерингу, ваш компонент генерує HTML-вивід. Далі на клієнті [гідрація](/reference/react-dom/client/hydrateRoot) прикріплює обробники подій до згенерованого HTML. Для коректної роботи гідрації клієнтський вивід має збігатись із серверним HTML.

alinkedd · 2025-11-08T17:02:44Z

src/content/reference/react/useId.md

+Початкова перевага `useId` в тому, що React запевниться, що це працює разом із [серверним рендерингом.](/reference/react-dom/server) Протягом серверного рендерингу, ваш компонент генерує HTML-вивід. Далі на клієнті [гідрація](/reference/react-dom/client/hydrateRoot) прикріплює обробники подій до згенерованого HTML. Для коректної роботи гідрації, клієнтський вивід має збігатись із серверним HTML.

-This is very difficult to guarantee with an incrementing counter because the order in which the Client Components are hydrated may not match the order in which the server HTML was emitted. By calling `useId`, you ensure that hydration will work, and the output will match between the server and the client.
+Це складно гарантувати для інкрементного лічильника, бо порядок, за яким клієнтські компоненти проходять гідрацію не збігається з порядком за яким був виданий серверний HTML. Викликаючи `useId`, ви запевняєтеся, що гідрація буде працювати, а серверний і клієнтський виводи будуть збігатися.


Suggested change

Це складно гарантувати для інкрементного лічильника, бо порядок, за яким клієнтські компоненти проходять гідрацію не збігається з порядком за яким був виданий серверний HTML. Викликаючи `useId`, ви запевняєтеся, що гідрація буде працювати, а серверний і клієнтський виводи будуть збігатися.

Це складно гарантувати для інкрементного лічильника, бо порядок, за яким клієнтські компоненти проходять гідрацію, не збігається з порядком, за яким був виданий серверний HTML. Викликаючи `useId`, ви запевняєтеся, що гідрація буде працювати, а серверний і клієнтський виводи будуть збігатися.

alinkedd · 2025-11-08T17:03:59Z

src/content/reference/react/useId.md

      </label>
      <p id={passwordHintId}>
-        The password should contain at least 18 characters
+          Довжина паролю має бути не менш ніж 18 символів


Suggested change

Довжина паролю має бути не менш ніж 18 символів

Довжина паролю має бути не менш ніж 18 символів

alinkedd · 2025-11-08T17:04:46Z

src/content/reference/react/useId.md

+### Використання однакового ID-префікса на клієнті та сервері {/*using-the-same-id-prefix-on-the-client-and-the-server*/}

-If you [render multiple independent React apps on the same page](#specifying-a-shared-prefix-for-all-generated-ids), and some of these apps are server-rendered, make sure that the `identifierPrefix` you pass to the [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) call on the client side is the same as the `identifierPrefix` you pass to the [server APIs](/reference/react-dom/server) such as [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)
+Якщо ви [рендерите декілька незалежних React-застосунків на одній сторінці](#specifying-a-shared-prefix-for-all-generated-ids), і деякі з цих застосунків відрендерені сервером, перевірте, що `identifierPrefix`, який ви передаєте до [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) на клієнті, є тим самим `identifierPrefix`, який ви передаєте до [серверних APIs](/reference/react-dom/server), наприклад, [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)


Suggested change

Якщо ви [рендерите декілька незалежних React-застосунків на одній сторінці](#specifying-a-shared-prefix-for-all-generated-ids), і деякі з цих застосунків відрендерені сервером, перевірте, що `identifierPrefix`, який ви передаєте до [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) на клієнті, є тим самим `identifierPrefix`, який ви передаєте до [серверних APIs](/reference/react-dom/server), наприклад, [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)

Якщо ви [рендерите декілька незалежних React-застосунків на одній сторінці](#specifying-a-shared-prefix-for-all-generated-ids), і деякі з цих застосунків відрендерені сервером, перевірте, що `identifierPrefix`, який ви передаєте до [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) на клієнті, є тим самим `identifierPrefix`, який ви передаєте до [серверних API](/reference/react-dom/server), наприклад, [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)

LeoMorgan113 added 2 commits October 17, 2025 17:54

Added UA translation to useId page (1 part)

e153428

Translation for 'useId' page

b32a3d4

vercel bot had a problem deploying to Preview – uk-react-dev October 20, 2025 11:09 Failure

LeoMorgan113 added 3 commits October 20, 2025 14:11

Removed .idea

bbe9e44

Removed .idea

51bd088

Removed .idea

116f958

vercel bot had a problem deploying to Preview – uk-react-dev October 20, 2025 11:14 Failure

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

alinkedd mentioned this pull request Oct 28, 2025

New Ukrainian Translation Progress #457

Open

alinkedd requested changes Oct 30, 2025

View reviewed changes

alinkedd added Чекає на зміни and removed Чекає на перевірку labels Oct 30, 2025

Resolved comments

3bc169e

vercel bot deployed to Preview – uk-react-dev November 3, 2025 14:26 View deployment

alinkedd added Чекає на перевірку and removed Чекає на зміни labels Nov 8, 2025

alinkedd requested changes Nov 8, 2025

View reviewed changes

alinkedd added Чекає на зміни and removed Чекає на перевірку labels Nov 8, 2025

	У звичайному HTML ви би написали наступне:
	У звичайному HTML ви б написали наступне:

	Довжина паролю має бути не менш ніж 18 символів
	Довжина паролю має бути не менш ніж 18 символів

docs: translation for useId page #633

Are you sure you want to change the base?

docs: translation for useId page #633

Uh oh!

Conversation

LeoMorgan113 commented Oct 20, 2025

Uh oh!

vercel bot commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

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!

Uh oh!

Uh oh!

Uh oh!

LeoMorgan113 commented Nov 3, 2025

Uh oh!

alinkedd left a comment

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 Oct 20, 2025 •

edited

Loading