New Indonesian Translation Progress

[gaearon]

For New Translators

To translate a page:

1. Check that no one else has claimed your page in the linked issues below.
2. Comment on the linked issue that you would like to translate said page. Please take only one page at a time.
3. Clone this repo, translate your page, and submit a pull request!

Before contributing, read the glossary and translation guidelines to understand how to translate various technical and React-specific terms.

Please be prompt with your translations! If you find that you can't commit anymore, let the maintainers know so they can assign the page to someone else.

For Maintainers

Make sure to link to the exact page being translated on the first comment of the issue. Ex:

Page: https://id.react.dev/learn

When PRs are created, make sure that it's linked to the correct issue! This will make sure the issue is closed automatically when the PR is merged.

This ensures your translation's progress is tracked correctly at https://translations.react.dev/.

Main Content

To do before releasing as an "official" translation. Please translate these pages first.

Note that each section has an index page, which needs to be translated too.

Learn React (High Priority)

• [x] #372

  • [x] #373
  • [x] #374

• [x] #375

  • [x] #376
  • [x] #377
  • [x] #395
  • [x] #658
  • [x] #396

• [x] #464

  • [x] #465
  • [x] #417
  • [x] #419
  • [x] #425
  • [x] #428
  • [x] #431
  • [x] #466
  • [x] #435
  • [x] #659

• [x] #452

  • [x] #445
  • [x] #446
  • [x] #447
  • [x] #448
  • [x] #449
  • [x] #450
  • [x] #451

• [x] #378

  • [x] #379
  • [x] #380
  • [x] #381
  • [x] #382
  • [x] #383
  • [x] #384
  • [x] #385

• [x] #386

  • [x] #387
  • [x] #388
  • [x] #389
  • [x] #390
  • [ ] #391
  • [ ] #392
  • [x] #393
  • [x] #394

API Reference (High Priority)

• [x] #397

  • [x] #398
  • [x] #463
  • [x] #399
  • [x] #400
  • [x] #401
  • [x] #402
  • [x] #403
  • [x] #404
  • [x] #405
  • [x] #406
  • [x] #407
  • [x] #408
  • [x] #409
  • [x] #410
  • [x] #411

• [x] #412

  • [x] #413
  • [x] #414
  • [x] #415
  • [x] #416

• [x] #468

  • [x] #469
  • [x] #470
  • [x] #471
  • [x] #418
  • [x] #420

• [x] #421

  • [x] #422
  • [x] #423
  • [x] #424
  • [x] #426
  • [x] #427
  • [x] #433

• [x] #434

  • [x] #436
  • [x] #438
  • [x] #439
  • [x] #440
  • [x] #441
  • [x] #443

• [x] #453

  • [x] #454
  • [x] #455

• [x] #456

  • [x] #457
  • [x] #458
  • [x] #459
  • [x] #460
  • [x] #461
  • [x] #462

Navigation and UI (Medium Priority)

We suggest to leave most of the UI translation until the end. We plan to do some invasive changes to the website folder layout and components, so postponing this until your translation is almost complete would make it easier to merge the changes from our side later. It might make sense to translate the homepage above the fold early, but leave the rest for later. As individual pages get translated, you can change the page titles in the corresponding sidebar files. Finally, when you're translating the navigation, make sure to test both desktop and mobile layouts.

• [x] #579
• [x] #583
• [x] #584

When You're Ready...

After everything above is translated, add your language to deployedLanguages in Seo.tsx of the original reactjs/react.dev repository.

Secondary Content (Medium Priority)

These API pages should ideally be translated too, but they're less urgent and can be done after the others:

• [x] #545
  • [x] #546
  • [x] #547
  • [x] #548
  • [x] #549
  • [x] #550
  • [x] #551
  • [x] #552
  • [x] #553

Optional Content (Low Priority)

These aren't the main translation targets, but if you'd like to do them, feel free to expand the list to include their subpages:

• [ ] Community

Maintainers

This translation is maintained by:

• @arfianadam
• @gedeagas
• @regalius
• @rizafahmi
• @resir014
• @grikomsn
• @zainfathoni
• @r17x
• @mhaidarhanif
• @mazipan

If you want to become a maintainer, ask them to add you. If the original maintainers are no longer responsive, raise an issue in the main translations repository.

[roniardev]

May i translate a Quick Start Page ?

[mustafamilyas]

I'm interested in translating, "describing the UI" overview page, may I?

[syauqy]

Hi, I'm interested to translate "Installation" and "Start a New React Project" page under the Installation section.

[wd-Agung]

I would like to translate the "Editor Setup" page under the Installation section

[rickyraz]

I'm interested in contributing, may I translate the page 'Conditional Rendering'

[padunk]

Hi, love to contribute back to React community, I would like to translate Add React to an Existing Project

[Cikang44]

Hi, I'm interested in contributing, may I translate the "Your First Component" page

[r17x]

Hi, I'm interested to translate ~~react -> context~~ react: APIs -> createContext 👍

[chrsep]

Hi! I'd also love to contribute back to react. Can i take the Adding Interactivity overview page?

[gaearon]

@arfianadam @gedeagas @regalius @rizafahmi @resir014 @grikomsn

Can you please confirm if you will be able to maintain and steer this translation? We need to get https://github.com/reactjs/translations.react.dev/blob/main/langs/id.json to match the current list of active maintainers. Thank you!

[kalmndo]

I'm really loved if i can contribute on Managing State

[samnap11]

I would like to contribute as well by translating "Rendering Lists".

[mhaidarhanif]

Hi @resir014 and @grikomsn , once you've confirmed the question from @gaearon, we three @zainfathoni @r17x @mhaidarhanif also would like to be listed as well. Thank you

[resir014]

Can you please confirm if you will be able to maintain and steer this translation? We need to get reactjs/translations.react.dev@main/langs/id.json to match the current list of active maintainers. Thank you!

Hi @gaearon!

Sorry for the late response, but yes, I'll be able to manage the translation for the Indonesian localisation. And as @mhaidarhanif mentioned, we can also add him, @r17x, and @zainfathoni to the maintainers list.

[resir014]

May i translate a Quick Start Page ?

@infrasync Of course! Your assigned page will be: Quick Start

As for me, I'll take the other one: Tutorial: Tic Tac Toe and Thinking in React.

[resir014]

I'm interested in translating, "describing the UI" overview page, may I?

@mustafamilyas Of course!

Your next page will be: Describing the UI

[resir014]

Hi, I'm interested to translate "Installation" and "Start a New React Project" page under the Installation section.

@syauqy You got it!

Your next page(s) will be: Installation, Start a New React Project

[resir014]

I would like to translate the "Editor Setup" page under the Installation section

@agprst Your next page will be: Editor Setup

[resir014]

I'm interested in contributing, may I translate the page 'Conditional Rendering'

@rickyraz Your next page will be: Conditional Rendering

Hi, love to contribute back to React community, I would like to translate Add React to an Existing Project

@padunk Your next page will be: Add React to an Existing Project

Hi! I'd also love to contribute back to react. Can i take the Adding Interactivity overview page?

@chrsep Your next page will be: Adding Interactivity

I'm really loved if i can contribute on Managing State

@kalmndo Your next page will be: Managing State

I would like to contribute as well by translating "Rendering Lists".

@samnap11 Your next page will be: Rendering Lists

Thank you all!

[andriawan]

Hi maintainer @resir014 @mhaidarhanif @r17x , i would like to help translating this page https://react.dev/learn/adding-interactivity

[yaffalhakim1]

Hi, I'm interested in contributing. may I translate the React Developer Tools?

[resir014]

Hi maintaner, i would like to help translating this page react.dev/learn/adding-interactivity

Hi @andriawan - that page has already been claimed. Would you like to pick another page?

Hi, I'm interested in contributing. may I translate the React Developer Tools?

@yaffalhakim1 All set!

Your next page will be: React Developer Tools

[mhmmd-ysf]

I assume Writing Markup with JSX hasn't been claimed, if it's not then i'll start there.

[andriawan]

Hi maintaner, i would like to help translating this page react.dev/learn/adding-interactivity

Hi @andriawan - that page has already been claimed. Would you like to pick another page?

sure @resir014. what about Manipulating the DOM with Refs https://react.dev/learn/manipulating-the-dom-with-refs ?

[samnap11]

@resir014 In the beginning of each chapter, there is a <YouWillLearn> component, e.g. Your First Component page. The block starts with the title of You Will Learn. I'm having trouble translating the title because the title is already hard-coded into the docs using English. What is the solution for this? https://github.com/reactjs/id.react.dev/blob/57d8f80d032a45ff0bac69376b6442254cf98ff2/src/components/MDX/MDXComponents.tsx#L169-L178

[resir014]

Hi, I'm interested to translate react: APIs -> createContext

@r17x Okay. Your next page will be: react: APIs -> createContext and react: Hooks -> useContext

[resir014]

In the beginning of each chapter, there is a <YouWillLearn> component, e.g. Your First Component page. The block starts with the title of You Will Learn. I'm having trouble translating the title because the title is already hard-coded into the docs using English. What is the solution for this?

@samnap11 We can worry about localisation of text in layout components later, after all the docs contents are finished (i.e. everything in .md) For now, let's focus on the docs contents.

[resir014]

sure @resir014. what about Manipulating the DOM with Refs react.dev/learn/manipulating-the-dom-with-refs ?

@andriawan Sure!

Your next page will be: Manipulating the DOM with Refs

[AudiWu]

Hi, I'm interested in contributing. may I translate the react components fragment?

[chez14]

Hi @resir014 / other maintainer team, I'd like to book react-dom/client → createRoot for translation please. Thanks!