Merge branch 'reactjs:main' into dosc/transalation/apis-memo

Author: nagacoder

TRANSLATION.md

@@ -1,6 +1,16 @@
-# Panduan Penerjemahan Bahasa Indonesia untuk reactjs.org
+# Panduan Penerjemahan Bahasa Indonesia untuk react.dev
 
-Berikut adalah panduan-panduan dasar dalam penerjemahan situs reactjs.org ke Bahasa Indonesia. Dokumen ini ditujukan bagi mereka yang baru mulai berkontribusi dan yang pernah berkontribusi sebelumnya. Apabila ada kekurangan, silakan berkontribusi dengan menyunting dokumen ini.
+Berikut adalah panduan-panduan dasar dalam penerjemahan situs react.dev ke Bahasa Indonesia. Dokumen ini ditujukan bagi mereka yang baru mulai berkontribusi dan yang pernah berkontribusi sebelumnya. Apabila ada kekurangan, silakan berkontribusi dengan menyunting dokumen ini.
+
+## Referensi
+
+Semua referensi mengenai penerjemahan terletak di [bagian Wiki](https://github.com/reactjs/id.react.dev/wiki) di repositori ini.
+
+- [Glosarium](https://github.com/reactjs/id.react.dev/wiki/Glosarium)
+- [Panduan Penulisan Universal](https://github.com/reactjs/id.react.dev/wiki/Panduan-Penulisan-Universal)
+- [Universal Style Guide (English)](https://github.com/reactjs/id.react.dev/wiki/Universal-Style-Guide)
+
+Apabila Anda ingin mendikusikan apapun mengenai proyek penerjemahan situs dokumentasi ini, termasuk umpan balik (*feedback*) mengenai Glosarium dan alur kerja (*workflow*), silakan ke [bagian Discussions](https://github.com/reactjs/id.react.dev/discussions).
 
 ## Menyunting Konten Secara Lokal
 
@@ -17,97 +27,3 @@ Konten dari situs id.react.dev terdapat dalam folder `content`, dan disimpan dal
 ## Klaim Halaman Supaya Tidak Ada Pekerjaan Ganda
 
 Proses penerjemahan akan dicatat dalam *issue* https://github.com/reactjs/id.react.dev/issues/330. Pastikan Anda telah meng-klaim halaman yang Anda ingin menerjemahkan, supaya tidak terjadi pekerjaan ganda.
-
-## Panduan Penulisan Universal
-
-Berikut adalah panduan penulisan yang berlaku bagi seluruh situs terjemahan reactjs.org.
-
-Silakan merujuk ke halaman [Glosarium](https://github.com/reactjs/id.react.dev/wiki/Glosarium) pada wiki id.react.dev. Halaman wiki tersebut berisi daftar glosarium beserta terjemahannya.
-
-Referensi panduan penulisan Bahasa Indonesia lainnya yang dapat digunakan adalah:
-
-* [Pedoman Umum Ejaan Bahasa Indonesia (PUEBI)](https://puebi.readthedocs.io/en/latest/)
-* [Kamus Besar Bahasa Indonesia (KBBI)](https://kbbi.kemdikbud.go.id/)
-* [RSNI3 8527:2018 - Glosarium Istilah Teknologi Informasi](https://github.com/jk8s/sig-docs-id/raw/master/resources/RSNI-glossarium.pdf)
-
-### *Heading ID*
-
-Setiap *heading* pada halaman reactjs.org memiliki ID seperti berikut:
-
-```md
-## Try React {/*try-react*/}
-```
-
-**Jangan** menerjemahkan ID-nya! ID yang diterjemahkan akan merusak navigasi dalam situs.
-
-```md
-Lihat [bagian permulaan](/getting-started#try-react) untuk info lebih lanjut.
-```
-
-✅ LAKUKAN:
-
-```md
-## Mencoba React {/*try-react*/}
-```
-
-❌ JANGAN LAKUKAN:
-
-```md
-## Mencoba React {/*mencoba-react*/}
-```
-
-Ini akan merusak tautan di atas.
-
-### Teks dalam Blok Kode
-
-Anda dapat menerjemahkan teks di dalam string & komentar kode, namun berhati-hatilah supaya tidak menerjemahkan bagian dari kode secara tidak sengaja!
-
-Contoh:
-
-```js
-// Example
-const element = <h1>Hello, world</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-✅ LAKUKAN:
-
-```js
-// Contoh
-const element = <h1>Halo, dunia</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-❌ JANGAN LAKUKAN:
-
-```js
-// Contoh
-const element = <h1>Halo, dunia</h1>;
-// "root" merujuk kepada ID elemen.
-// JANGAN DITERJEMAHKAN
-ReactDOM.render(element, document.getElementById('induk'));
-```
-
-❌ SANGAT TIDAK BOLEH DILAKUKAN:
-
-```js
-// Contoh
-const elemen = <h1>Halo, dunia</h1>;
-ReactDOM.render(elemen, dokumen.dapatkanElemenBerdasarkanId('induk'));
-```
-
-### Tautan Eksternal
-
-Apabila tautan eksternal merujuk kepada artikel referensi seperti di [MDN](https://developer.mozilla.org/en-US/) atau [Wikipedia](https://id.wikipedia.org/wiki/Halaman_Utama), dan versi bahasa Indonesia dari artikel tersebut yang berkualitas cukup bagus tersedia, lebih baik merujuk kepada tautan versi bahasa Indonesia tersebut.
-
-Contoh:
-
-```md
-This helps prevent [XSS (cross-site-scripting)](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks.
-```
-
-✅ OK:
-
-```md
-Ini membantu menghindari serangan [XSS (*cross-site-scripting*)](https://id.wikipedia.org/wiki/XSS).
-```

src/content/learn/react-developer-tools.md

@@ -4,30 +4,31 @@ title: React Developer Tools
 
 <Intro>
 
-Use React Developer Tools to inspect React [components](/learn/your-first-component), edit [props](/learn/passing-props-to-a-component) and [state](/learn/state-a-components-memory), and identify performance problems.
+Gunakan React Developer Tools untuk memeriksa [komponen](/learn/your-first-component), menyunting [*props*](/learn/passing-props-to-a-component) dan [*state*](/learn/state-a-components-memory), dan mengidentifikasi masalah kinerja.
 
 </Intro>
 
 <YouWillLearn>
 
-* How to install React Developer Tools
+* Cara menginstal React Developer Tools
 
 </YouWillLearn>
 
-## Browser extension {/*browser-extension*/}
+## Ekstensi peramban {/*browser-extension*/}
 
-The easiest way to debug websites built with React is to install the React Developer Tools browser extension. It is available for several popular browsers:
+Cara termudah untuk melakukan debugging website yang dibangun dengan React adalah dengan menginstal ekstensi peramban React Developer Tools. Ekstensi ini tersedia untuk beberapa peramban populer:
 
-* [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
-* [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
-* [Install for **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
+* [Instal untuk **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
+* [Instal untuk **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
+* [Instal untuk **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
 
-Now, if you visit a website **built with React,** you will see the _Components_ and _Profiler_ panels.
+Sekarang, jika Anda mengunjungi sebuah website **yang dibangun dengan React,** Anda akan melihat panel _Components_ dan _Profiler_.
 
 ![React Developer Tools extension](/images/docs/react-devtools-extension.png)
 
-### Safari and other browsers {/*safari-and-other-browsers*/}
-For other browsers (for example, Safari), install the [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm package:
+### Safari and peramban lainnya {/*safari-and-other-browsers*/}
+Untuk peramban lainnya (misalnya, Safari), instal *package* npm [`react-devtools`](https://www.npmjs.com/package/react-devtools):
+
 ```bash
 # Yarn
 yarn global add react-devtools
@@ -36,26 +37,28 @@ yarn global add react-devtools
 npm install -g react-devtools
 ```
 
-Next open the developer tools from the terminal:
+Selanjutnya buka React Developer Tools dari terminal:
+
 ```bash
 react-devtools
 ```
 
-Then connect your website by adding the following `<script>` tag to the beginning of your website's `<head>`:
+Lalu sambungkan *website* Anda dengan menambahkan tag `<script>` berikut ke awal `<head>` *website* Anda:
+
 ```html {3}
 <html>
   <head>
     <script src="http://localhost:8097"></script>
 ```
 
-Reload your website in the browser now to view it in developer tools.
+Reload website Anda sekarang untuk melihatnya di React Developer Tools.
 
 ![React Developer Tools standalone](/images/docs/react-devtools-standalone.png)
 
 ## Mobile (React Native) {/*mobile-react-native*/}
-React Developer Tools can be used to inspect apps built with [React Native](https://reactnative.dev/) as well.
+React Developer Tools dapat digunakan untuk memeriksa aplikasi yang dibangun dengan [React Native](https://reactnative.dev/) juga.
 
-The easiest way to use React Developer Tools is to install it globally:
+Cara termudah untuk menggunakan React Developer Tools adalah dengan menginstalnya secara global:
 ```bash
 # Yarn
 yarn global add react-devtools
@@ -64,13 +67,14 @@ yarn global add react-devtools
 npm install -g react-devtools
 ```
 
-Next open the developer tools from the terminal.
+Selanjutnya buka React Developer Tools dari terminal:
 ```bash
 react-devtools
 ```
 
-It should connect to any local React Native app that's running.
+React Developer Tools akan terhubung ke aplikasi React Native lokal yang sedang berjalan.
+
+> Lakukan reload aplikasi jika React Developer Tools tidak terhubung setelah beberapa detik.
 
-> Try reloading the app if developer tools doesn't connect after a few seconds.
+[Pelajari lebih lanjut tentang debugging React Native.](https://reactnative.dev/docs/debugging)
 
-[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging)