Skip to content

Commit e105cfc

Browse files
committed
docs: fix inaccuracy on some word's translations
1 parent 34f7e67 commit e105cfc

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/content/reference/react/useSyncExternalStore.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: useSyncExternalStore
44

55
<Intro>
66

7-
`useSyncExternalStore` adalah sebuah *hook* React yang membiarkan Anda berlangganan ke tempat penyimpanan eksternal.
7+
`useSyncExternalStore` adalah sebuah *Hook* React yang membiarkan Anda berlangganan ke tempat penyimpanan eksternal.
88

99
```js
1010
const snapshot = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot?)
@@ -37,21 +37,21 @@ function TodosApp() {
3737
1. Fungsi `subscribe` harus berlangganan ke tempat penyimpanan dan mengembalikan fungsi untuk berhenti berlangganan.
3838
2. Fungsi `getSnapshot` harus membaca sebuah *snapshot* dari data yang ada di tempat penyimpanan.
3939
40-
[Lihat contoh yang ada di bawah.](#usage)
40+
[Lihat lebih banyak contoh di bawah.](#usage)
4141
4242
#### Parameter {/*parameters*/}
4343
44-
* `subscribe`: Sebuah fungsi yang menerima sebuah argumen `callback` dan melanggankan itu ke tempat penyimpanan. Saat tempat penyimpanan berubah, fungsi ini akan memanggil `callback`. Ini akan menyebakan komponen di-*render* ulang. Fungsi `subscribe` harus mengembalikan fungsi yang membersihkan langganan tersebut.
44+
* `subscribe`: Sebuah fungsi yang menerima sebuah argumen `callback` dan berlangganan ke tempat penyimpanan. Saat tempat penyimpanan berubah, fungsi ini akan memanggil `callback`. Ini akan menyebakan komponen di-*render* ulang. Fungsi `subscribe` harus mengembalikan fungsi yang membersihkan langganan tersebut.
4545
46-
* `getSnapshot`: Sebuah fungsi yang mengembalikan sebuah *snapshot* dari data yang dibutuhkan komponen yang berada di tempat penyimpanan. Saat tempat penyimpanan masih belum berubah, pemanggilan `getSnapshot` berulang kali tetap harus mengembalikan nilai yang sama. Jika tempat penyimpanan berubah dan nilai kembalian juga berubah (saat dibandingkan dengan [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is)), React me-*render* ulang komponen tersebut.
46+
* `getSnapshot`: Sebuah fungsi yang mengembalikan sebuah *snapshot* dari data, di tempat penyimpanan, yang dibutuhkan komponen. Saat tempat penyimpanan masih belum berubah, pemanggilan `getSnapshot` berulang kali tetap harus mengembalikan nilai yang sama. Jika tempat penyimpanan berubah dan nilai kembalian juga berubah (saat dibandingkan dengan [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is)), React me-*render* ulang komponen tersebut.
4747
4848
* **opsional** `getServerSnapshot`: Sebuah fungsi yang mengembalikan *snapshot* awal dari data yang ada di tempat penyimpanan. *Snapshot* hanya akan digunakan saat proses *render* dilakukan oleh server dan saat hidrasi konten yang telah di-*render* oleh server ke klien. *Snapshot* server harus sama antara klien dan server, dan biasanya diserialisasi dan diserahkan dari server ke klien. Jika Anda mengabaikan argumen ini, proses *render* komponen di server akan memunculkan kesalahan.
4949
5050
#### Kembalian {/*returns*/}
5151
5252
*Snapshot* saat ini dari tempat penyimpanan yang dapat Anda gunakan di logika *render* Anda.
5353
54-
#### Perhatian {/*caveats*/}
54+
#### *Caveat* {/*caveats*/}
5555
5656
* *Snapshot* tempat penyimpanan yang dikembalikan `getSnapshot` tidak boleh bisa dimutasi. Jika tempat penyimpanan mengandung data yang dapat dimutasi, Anda harus mengembalikan *snapshot* yang tidak dapat dimutasi saat data berubah. Jika data tidak berubah, Anda dapat mengembalikan *snapshot* terakhir yang sudah di-*cache*.
5757
@@ -65,7 +65,7 @@ function TodosApp() {
6565
6666
Sebagian besar komponen React Anda akan membaca data dari [*props*](/learn/passing-props-to-a-component), [*state*](/reference/react/useState), dan [*context*](/reference/react/useContext) mereka. Walaupun begitu, kadang-kadang ada komponen yang harus membaca dari tempat penyimpanan yang ada di luar React dan berubah seiring waktu berjalan. Ini termasuk:
6767
68-
* *Library* manajemen *state* dari pihak ketiga yang menyimpan *state* di luar React.
68+
* Pustaka manajemen *state* dari pihak ketiga yang menyimpan *state* di luar React.
6969
* API peramban yang mengekspos nilai yang dapat dimutasi dan *event* untuk berlangganan ke perubahannya.
7070
7171
Panggil `useSyncExternalStore` di tingkat paling atas dari komponen Anda untuk membaca sebuah nilai dari tempat penyimpanan data eksternal.
@@ -87,7 +87,7 @@ Fungsi ini mengembalikan <CodeStep step={3}>*snapshot*</CodeStep> dari data yang
8787
8888
React akan menggunakan dua fungsi ini untuk menjaga status langganan komponen Anda ke tempat penyimpanan tersebut dan me-*render* ulang saat ada perubahan.
8989
90-
Misalnya, di *sandbox* di bawah, `todosStore` diimplementasi sebagai tempat penyimpanan eksternal yang menyimpan data di luar React. Komponen `TodosApp` terhubung ke tempat penyimpanan eksternal tersebut melalui *hook* `useSyncExternalStore`.
90+
Misalnya, di *sandbox* di bawah, `todosStore` diimplementasi sebagai tempat penyimpanan eksternal yang menyimpan data di luar React. Komponen `TodosApp` terhubung ke tempat penyimpanan eksternal tersebut melalui *Hook* `useSyncExternalStore`.
9191
9292
<Sandpack>
9393
@@ -150,7 +150,7 @@ function emitChange() {
150150
151151
<Note>
152152
153-
Di situasi yang memungkinkan, kami merekomendasikan untuk menggunakan *state* yang sudah ada di dalam React dengan menggunakan [`useState`](/reference/react/useState) dan [`useReducer`](/reference/react/useReducer). API `useSyncExternalStore` biasanya berguna jika Anda ingin mengintegrasi komponen Anda dengan kode non-React.
153+
Ketika memungkinkan, kami merekomendasikan untuk menggunakan *state* yang sudah ada di dalam React dengan menggunakan [`useState`](/reference/react/useState) dan [`useReducer`](/reference/react/useReducer). API `useSyncExternalStore` biasanya berguna jika Anda ingin mengintegrasi komponen Anda dengan kode non-React.
154154
155155
</Note>
156156
@@ -222,11 +222,11 @@ function subscribe(callback) {
222222
223223
---
224224
225-
### Mengekstrak logika ke *hook* buatan sendiri {/*extracting-the-logic-to-a-custom-hook*/}
225+
### Mengekstrak logika ke *Hook* buatan sendiri {/*extracting-the-logic-to-a-custom-Hook*/}
226226
227-
Biasanya Anda tidak akan menulis `useSyncExternalStore` langsung di dalam komponen Anda. Alih-alih, Anda akan memanggil `hook` tersebut dari `hook` buatan Anda sendiri. Ini membiarkan Anda menggunakan tempat penyimpanan eksternal yang sama untuk berbagai komponen.
227+
Biasanya Anda tidak akan menulis `useSyncExternalStore` langsung di dalam komponen Anda. Alih-alih, Anda akan memanggil `Hook` tersebut dari `Hook` buatan Anda sendiri. Ini membiarkan Anda menggunakan tempat penyimpanan eksternal yang sama untuk berbagai komponen.
228228
229-
Sebagai contoh, `hook` `useOnlineStatus` ini mengikuti apakah jaringan menyala:
229+
Sebagai contoh, `Hook` `useOnlineStatus` ini mengikuti apakah jaringan menyala:
230230
231231
```js {3,6}
232232
import { useSyncExternalStore } from 'react';
@@ -399,7 +399,7 @@ function ChatIndicator() {
399399
}
400400
```
401401
402-
React akan melanggan ulang ke tempat penyimpanan Anda jika Anda memberikan fungsi `subscribe` berda antar-*render*. Jika ini memberikan masalah terhadap performa dan Anda ingin menghindari proses berlangganan ulang, Anda dapat memindahkan fungsi `subscribe` keluar:
402+
React akan berlangganan ulang ke tempat penyimpanan Anda jika Anda memberikan fungsi `subscribe` berbeda antar-*render*. Jika ini memberikan masalah terhadap performa dan Anda ingin menghindari proses berlangganan ulang, Anda dapat memindahkan fungsi `subscribe` keluar:
403403
404404
```js {6-9}
405405
function ChatIndicator() {
@@ -413,7 +413,7 @@ function subscribe() {
413413
}
414414
```
415415
416-
Cara alternatif adalah dengan membungkus `subscribe` ke dalam [`useCallback`](/reference/react/useCallback) untuk melanggan ulang hanya jika beberapa argumen berubah:
416+
Cara alternatif adalah dengan membungkus `subscribe` ke dalam [`useCallback`](/reference/react/useCallback) untuk berlangganan ulang hanya jika beberapa argumen berubah:
417417
418418
```js {4-8}
419419
function ChatIndicator({ userId }) {

0 commit comments

Comments
 (0)