docs: translation for useId by AndriP8 · Pull Request #524 · reactjs/id.react.dev

AndriP8 · 2023-05-01T06:59:50Z

Closes#402

Description

Translate the useId page.
Page URL: https://id.react.dev/reference/react/useId

github-actions · 2023-05-01T14:50:47Z

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! 🙌

zainfathoni

More terms to introduce in the glossary, @resir014 @r17x @mhaidarhanif @mazipan

English	Indonesian
hardcode	kode keras (?), menuliskan secara langsung di dalam kode
server rendering	pe-render-an pada server
prefix	awalan
suffix	akhiran

Let's discuss them here: #337 (comment)

zainfathoni · 2023-05-01T14:54:10Z

 #### Caveats {/*caveats*/}

-* `useId` is a Hook, so you can only call it **at the top level of your component** or your own Hooks. You can't call it inside loops or conditions. If you need that, extract a new component and move the state into it.
+* `useId` adalah sebuah Hook, jadi Anda hanya dapat memanggilnya **di tingkat atas komponen Anda** atau Hook Anda sendiri. Anda tidak dapat memanggilnya di dalam loop atau kondisi. Jika Anda membutuhkannya, ekstrak komponen baru dan pindahkan *state* ke dalamnya.


Suggested change
*`useId` adalah sebuah Hook, jadi Anda hanya dapat memanggilnya **di tingkat atas komponen Anda** atau Hook Anda sendiri. Anda tidak dapat memanggilnya di dalam loop atau kondisi. Jika Anda membutuhkannya, ekstrak komponen baru dan pindahkan *state* ke dalamnya.
*`useId` adalah sebuah Hook, jadi Anda hanya dapat memanggilnya **di tingkat teratas komponen Anda** atau Hook Anda sendiri. Anda tidak dapat memanggilnya di dalam perulangan (*loops*) atau kondisi (*conditions*). Jika Anda membutuhkannya, ekstrak komponen baru dan pindahkan *state* ke dalamnya.

zainfathoni · 2023-05-01T14:57:24Z

 ```

-However, hardcoding IDs like this is not a good practice in React. A component may be rendered more than once on the page--but IDs have to be unique! Instead of hardcoding an ID, generate a unique ID with `useId`:
+Namun, memaksakan ID seperti ini bukanlah praktik yang baik di React. Sebuah komponen dapat dirender lebih dari sekali pada halaman—namun ID harus unik! Alih-alih melakukan pemaksaan ID, buat ID unik dengan `useId`:


Suggested change
Namun, memaksakan ID seperti ini bukanlah praktik yang baik di React. Sebuah komponen dapat dirender lebih dari sekali pada halaman—namun ID harus unik! Alih-alih melakukan pemaksaan ID, buat ID unik dengan `useId`:
Namun, menuliskan ID secara langsung di dalam kode (*hardcoding*) seperti ini bukanlah praktik yang baik di React. Sebuah komponen dapat dirender lebih dari sekali pada halaman—namun ID harus unik! Alih-alih melakukan pemaksaan ID, bangkitkan sebuah ID unik dengan `useId`:

zainfathoni · 2023-05-01T14:59:31Z

 <Pitfall>

-With [server rendering](/reference/react-dom/server), **`useId` requires an identical component tree on the server and the client**. If the trees you render on the server and the client don't match exactly, the generated IDs won't match.
+Dengan [rendering server](/reference/react-dom/server), **`useId` membutuhkan pohon komponen yang identik di server dan klien**. Jika pohon yang Anda render di server dan klien tidak sama persis, ID yang dihasilkan tidak akan cocok.


Suggested change
Dengan [rendering server](/reference/react-dom/server), **`useId` membutuhkan pohon komponen yang identik di server dan klien**. Jika pohon yang Anda render di server dan klien tidak sama persis, ID yang dihasilkan tidak akan cocok.
Dengan [pe-*render*-an pada *server*](/reference/react-dom/server), **`useId` membutuhkan pohon komponen yang identik di *server* dan klien**. Jika pohon yang Anda *render* di *server* dan klien tidak sama persis, ID yang dihasilkan tidak akan cocok.

I didn't fix it because the word pe-*render*-an is still under discussion

r17x · 2023-05-07T08:22:57Z

Need to re-check @zainfathoni

mazipan · 2023-05-08T13:33:36Z

Waiting your approval, @zainfathoni

zainfathoni · 2023-05-08T14:29:17Z

Okay, I'll review it tonight.

zainfathoni

Thanks for addressing some of my previously requested changes.
Here is another review of the unaddressed change requests.

r17x · 2023-06-29T08:12:32Z

@zainfathoni need to recheck latest changes

resir014 · 2023-07-27T07:48:19Z

@zainfathoni do you have time for re-review?

zainfathoni · 2023-07-27T08:35:11Z

@zainfathoni do you have time for re-review?

Yes, I will have some time to review this weekend. Sorry for the delay. 🙏

zainfathoni

Approved with a minor suggestion. 💯
Thanks for making the requested changes! 🙏

vercelBotdeployed to Preview – id-react-dev May 1, 2023 07:00 View deployment

AndriP8 marked this pull request as ready for review May 1, 2023 07:00

r17x requested changes May 1, 2023
View reviewed changes

Comment threadsrc/content/reference/react/useId.md Outdated
Comment threadsrc/content/reference/react/useId.md Outdated

vercelBotdeployed to Preview – id-react-dev May 1, 2023 12:04 View deployment

AndriP8 requested a review from r17x May 1, 2023 13:13

vercelBotdeployed to Preview – id-react-dev May 1, 2023 14:49 View deployment

zainfathoni requested changes May 1, 2023
View reviewed changes

mhaidarhanif requested a review from resir014 May 1, 2023 15:51

vercelBotdeployed to Preview – id-react-dev May 1, 2023 15:51 View deployment

AndriP8 added 4 commits May 3, 2023 08:35

docs: translation for useId
18f7bce

docs: update title
3201ad8

docs: make merender text to have dash and italic
77be943

docs: update wording by feedback
a494d22

AndriP8 force-pushed the translate-useid branch from cac5e59 to a494d22Compare May 3, 2023 01:36

vercelBotdeployed to Preview – id-react-dev May 3, 2023 01:36 View deployment

r17x requested a review from zainfathoni May 3, 2023 12:48

r17x approved these changes May 3, 2023
View reviewed changes

mazipan approved these changes May 8, 2023
View reviewed changes

Comment threadsrc/content/reference/react/useId.md Outdated

docs: update render word to be italic
a190873

vercelBotdeployed to Preview – id-react-dev May 8, 2023 12:18 View deployment

AndriP8 requested a review from mazipan May 8, 2023 12:18

vercelBotdeployed to Preview – id-react-dev May 8, 2023 14:50 View deployment

zainfathoni requested changes May 8, 2023
View reviewed changes

Comment threadsrc/content/reference/react/useId.md Outdated
Comment threadsrc/content/reference/react/useId.md Outdated
Comment threadsrc/content/reference/react/useId.md Outdated
Comment threadsrc/content/reference/react/useId.md Outdated

docs: update word server and rendering to be italic
63f6c52

AndriP8 force-pushed the translate-useid branch from 39459ac to 63f6c52Compare May 10, 2023 01:50

vercelBotdeployed to Preview – id-react-dev May 10, 2023 01:51 View deployment

AndriP8 requested a review from zainfathoni May 10, 2023 01:51

Merge branch 'main' into translate-useid
246d60b

vercelBotdeployed to Preview – id-react-dev July 16, 2023 13:29 View deployment

Merge branch 'main' into translate-useid
0a0c9c7

vercelBotdeployed to Preview – id-react-dev July 30, 2023 08:56 View deployment

zainfathoni approved these changes Jul 30, 2023
View reviewed changes

Comment threadsrc/content/reference/react/useId.md Outdated

Update src/content/reference/react/useId.md
2d1dfa9

vercelBotdeployed to Preview – id-react-dev July 30, 2023 09:17 View deployment

zainfathoni merged commit 49a97ac into reactjs:mainJul 30, 2023

	`useId` adalah sebuah Hook, jadi Anda hanya dapat memanggilnya di tingkat atas komponen Anda* atau Hook Anda sendiri. Anda tidak dapat memanggilnya di dalam loop atau kondisi. Jika Anda membutuhkannya, ekstrak komponen baru dan pindahkan state ke dalamnya.
	`useId` adalah sebuah Hook, jadi Anda hanya dapat memanggilnya di tingkat teratas komponen Anda* atau Hook Anda sendiri. Anda tidak dapat memanggilnya di dalam perulangan (loops) atau kondisi (conditions). Jika Anda membutuhkannya, ekstrak komponen baru dan pindahkan state ke dalamnya.

	Namun, memaksakan ID seperti ini bukanlah praktik yang baik di React. Sebuah komponen dapat dirender lebih dari sekali pada halaman—namun ID harus unik! Alih-alih melakukan pemaksaan ID, buat ID unik dengan `useId`:
	Namun, menuliskan ID secara langsung di dalam kode (hardcoding) seperti ini bukanlah praktik yang baik di React. Sebuah komponen dapat dirender lebih dari sekali pada halaman—namun ID harus unik! Alih-alih melakukan pemaksaan ID, bangkitkan sebuah ID unik dengan `useId`:

	Dengan [rendering server](/reference/react-dom/server), `useId` membutuhkan pohon komponen yang identik di server dan klien. Jika pohon yang Anda render di server dan klien tidak sama persis, ID yang dihasilkan tidak akan cocok.
	Dengan [pe-render-an pada server](/reference/react-dom/server), *`useId` membutuhkan pohon komponen yang identik di server* dan klien*. Jika pohon yang Anda render* di server dan klien tidak sama persis, ID yang dihasilkan tidak akan cocok.

Uh oh!

Conversation

AndriP8 commented May 1, 2023

Description

Uh oh!

Uh oh!

Uh oh!

github-actionsBot commented May 1, 2023• 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!

zainfathoni left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

zainfathoniMay 1, 2023

Choose a reason for hiding this comment

Uh oh!

Uh oh!

zainfathoniMay 1, 2023

Choose a reason for hiding this comment

Uh oh!

zainfathoniMay 1, 2023

Choose a reason for hiding this comment

Uh oh!

AndriP8May 3, 2023

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

r17x commented May 7, 2023

Uh oh!

Uh oh!

mazipan commented May 8, 2023

Uh oh!

zainfathoni commented May 8, 2023

Uh oh!

zainfathoni left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

r17x commented Jun 29, 2023

Uh oh!

resir014 commented Jul 27, 2023

Uh oh!

zainfathoni commented Jul 27, 2023

Uh oh!

zainfathoni left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

github-actionsBot commented May 1, 2023•
edited
Loading

zainfathoni left a comment •
edited
Loading