Skip to content

Commit 0e6763e

Browse files
committed
docs : translate page preloadModule (#696)
1 parent fbf2f25 commit 0e6763e

File tree

1 file changed

+27
-27
lines changed

1 file changed

+27
-27
lines changed

src/content/reference/react-dom/preloadModule.md

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,19 @@ canary: true
55

66
<Canary>
77

8-
The `preloadModule` function is currently only available in React's Canary and experimental channels. Learn more about [React's release channels here](/community/versioning-policy#all-release-channels).
8+
Fungsi `preloadModule` saat ini hanya tersedia di saluran Canary dan eksperimental React. Pelajari lebih lanjut tentang [saluran rilis React di sini](/community/versioning-policy#all-release-channels).
99

1010
</Canary>
1111

1212
<Note>
1313

14-
[React-based frameworks](/learn/start-a-new-react-project) frequently handle resource loading for you, so you might not have to call this API yourself. Consult your framework's documentation for details.
14+
[Framework berbasis React](/learn/start-a-new-react-project) sering kali sudah menangani pemuatan resource untuk Anda, jadi Anda mungkin tidak perlu memanggil API ini sendiri. Lihat dokumentasi framework Anda untuk detailnya.
1515

1616
</Note>
1717

1818
<Intro>
1919

20-
`preloadModule` lets you eagerly fetch an ESM module that you expect to use.
20+
`preloadModule` memungkinkan Anda mengambil modul ESM lebih awal yang Anda perkirakan akan digunakan.
2121

2222
```js
2323
preloadModule("https://example.com/module.js", {as: "script"});
@@ -29,11 +29,11 @@ preloadModule("https://example.com/module.js", {as: "script"});
2929

3030
---
3131

32-
## Reference {/*reference*/}
32+
## Referensi {/*reference*/}
3333

3434
### `preloadModule(href, options)` {/*preloadmodule*/}
3535

36-
To preload an ESM module, call the `preloadModule` function from `react-dom`.
36+
Untuk melakukan preload modul ESM, panggil fungsi `preloadModule` dari `react-dom`.
3737

3838
```js
3939
import { preloadModule } from 'react-dom';
@@ -45,37 +45,37 @@ function AppRoot() {
4545

4646
```
4747

48-
[See more examples below.](#usage)
48+
[Lihat contoh lainnya di bawah.](#usage)
4949

50-
The `preloadModule` function provides the browser with a hint that it should start downloading the given module, which can save time.
50+
Fungsi `preloadModule` memberikan petunjuk kepada browser agar mulai mengunduh modul yang diberikan, sehingga dapat menghemat waktu.
5151

52-
#### Parameters {/*parameters*/}
52+
#### Parameter {/*parameters*/}
5353

54-
* `href`: a string. The URL of the module you want to download.
55-
* `options`: an object. It contains the following properties:
56-
* `as`: a required string. It must be `'script'`.
57-
* `crossOrigin`: a string. The [CORS policy](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) to use. Its possible values are `anonymous` and `use-credentials`.
58-
* `integrity`: a string. A cryptographic hash of the module, to [verify its authenticity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
59-
* `nonce`: a string. A cryptographic [nonce to allow the module](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) when using a strict Content Security Policy.
54+
* `href`: string. URL dari modul yang ingin Anda unduh.
55+
* `options`: objek. Berisi properti berikut:
56+
* `as`: string wajib. Harus bernilai `'script'`.
57+
* `crossOrigin`: string. [Kebijakan CORS](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) yang digunakan. Nilai yang mungkin adalah `anonymous` dan `use-credentials`.
58+
* `integrity`: string. Hash kriptografi dari modul, untuk [memverifikasi keasliannya](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
59+
* `nonce`: string. [Nonce kriptografi](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) untuk mengizinkan modul saat menggunakan Content Security Policy yang ketat.
6060

6161

62-
#### Returns {/*returns*/}
62+
#### Return {/*returns*/}
6363

64-
`preloadModule` returns nothing.
64+
`preloadModule` tidak mengembalikan apa pun.
6565

66-
#### Caveats {/*caveats*/}
66+
#### Catatan Khusus {/*caveats*/}
6767

68-
* Multiple calls to `preloadModule` with the same `href` have the same effect as a single call.
69-
* In the browser, you can call `preloadModule` in any situation: while rendering a component, in an Effect, in an event handler, and so on.
70-
* In server-side rendering or when rendering Server Components, `preloadModule` only has an effect if you call it while rendering a component or in an async context originating from rendering a component. Any other calls will be ignored.
68+
* Memanggil `preloadModule` beberapa kali dengan `href` yang sama akan memberikan efek yang sama seperti satu kali pemanggilan.
69+
* Di browser, Anda dapat memanggil `preloadModule` dalam situasi apa pun: saat merender komponen, di Effect, di event handler, dan sebagainya.
70+
* Pada server-side rendering atau saat merender Server Components, `preloadModule` hanya akan berpengaruh jika Anda memanggilnya saat merender komponen atau dalam konteks async yang berasal dari proses render komponen. Pemanggilan di luar itu akan diabaikan.
7171

7272
---
7373

74-
## Usage {/*usage*/}
74+
## Penggunaan {/*usage*/}
7575

76-
### Preloading when rendering {/*preloading-when-rendering*/}
76+
### Preload saat merender {/*preloading-when-rendering*/}
7777

78-
Call `preloadModule` when rendering a component if you know that it or its children will use a specific module.
78+
Panggil `preloadModule` saat merender komponen jika Anda tahu bahwa komponen tersebut atau turunannya akan menggunakan modul tertentu.
7979

8080
```js
8181
import { preloadModule } from 'react-dom';
@@ -86,11 +86,11 @@ function AppRoot() {
8686
}
8787
```
8888

89-
If you want the browser to start executing the module immediately (rather than just downloading it), use [`preinitModule`](/reference/react-dom/preinitModule) instead. If you want to load a script that isn't an ESM module, use [`preload`](/reference/react-dom/preload).
89+
Jika Anda ingin browser langsung mengeksekusi modul (bukan hanya mengunduhnya), gunakan [`preinitModule`](/reference/react-dom/preinitModule). Jika Anda ingin memuat skrip yang bukan modul ESM, gunakan [`preload`](/reference/react-dom/preload).
9090

91-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
91+
### Preload di event handler {/*preloading-in-an-event-handler*/}
9292

93-
Call `preloadModule` in an event handler before transitioning to a page or state where the module will be needed. This gets the process started earlier than if you call it during the rendering of the new page or state.
93+
Panggil `preloadModule` di event handler sebelum berpindah ke halaman atau state di mana modul tersebut akan dibutuhkan. Ini akan memulai proses lebih awal dibandingkan jika Anda memanggilnya saat merender halaman atau state baru.
9494

9595
```js
9696
import { preloadModule } from 'react-dom';
@@ -101,7 +101,7 @@ function CallToAction() {
101101
startWizard();
102102
}
103103
return (
104-
<button onClick={onClick}>Start Wizard</button>
104+
<button onClick={onClick}>Mulai Wizard</button>
105105
);
106106
}
107107
```

0 commit comments

Comments
 (0)