Skip to content

Commit 360c54d

Browse files
authored
docs : translate page preloadModule (#696) (#773)
1 parent f850fd4 commit 360c54d

1 file changed

Lines changed: 32 additions & 26 deletions

File tree

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

Lines changed: 32 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,21 @@
22
title: preloadModule
33
---
44

5+
<Canary>
6+
7+
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).
8+
9+
</Canary>
10+
511
<Note>
612

7-
[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.
13+
[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.
814

915
</Note>
1016

1117
<Intro>
1218

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

1521
```js
1622
preloadModule("https://example.com/module.js", {as: "script"});
@@ -22,11 +28,11 @@ preloadModule("https://example.com/module.js", {as: "script"});
2228

2329
---
2430

25-
## Reference {/*reference*/}
31+
## Referensi {/*reference*/}
2632

2733
### `preloadModule(href, options)` {/*preloadmodule*/}
2834

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

3137
```js
3238
import { preloadModule } from 'react-dom';
@@ -38,37 +44,37 @@ function AppRoot() {
3844

3945
```
4046

41-
[See more examples below.](#usage)
47+
[Lihat contoh lainnya di bawah.](#usage)
4248

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

45-
#### Parameters {/*parameters*/}
51+
#### Parameter {/*parameters*/}
4652

47-
* `href`: a string. The URL of the module you want to download.
48-
* `options`: an object. It contains the following properties:
49-
* `as`: a required string. It must be `'script'`.
50-
* `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`.
51-
* `integrity`: a string. A cryptographic hash of the module, to [verify its authenticity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
52-
* `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.
53+
* `href`: string. URL dari modul yang ingin Anda unduh.
54+
* `options`: objek. Berisi properti berikut:
55+
* `as`: string wajib. Harus bernilai `'script'`.
56+
* `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`.
57+
* `integrity`: string. Hash kriptografi dari modul, untuk [memverifikasi keasliannya](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
58+
* `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.
5359

5460

55-
#### Returns {/*returns*/}
61+
#### Return {/*returns*/}
5662

57-
`preloadModule` returns nothing.
63+
`preloadModule` tidak mengembalikan apa pun.
5864

59-
#### Caveats {/*caveats*/}
65+
#### Catatan Khusus {/*caveats*/}
6066

61-
* Multiple calls to `preloadModule` with the same `href` have the same effect as a single call.
62-
* In the browser, you can call `preloadModule` in any situation: while rendering a component, in an Effect, in an event handler, and so on.
63-
* 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.
67+
* Memanggil `preloadModule` beberapa kali dengan `href` yang sama akan memberikan efek yang sama seperti satu kali pemanggilan.
68+
* Di browser, Anda dapat memanggil `preloadModule` dalam situasi apa pun: saat merender komponen, di Effect, di event handler, dan sebagainya.
69+
* 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.
6470

6571
---
6672

67-
## Usage {/*usage*/}
73+
## Penggunaan {/*usage*/}
6874

69-
### Preloading when rendering {/*preloading-when-rendering*/}
75+
### Preload saat merender {/*preloading-when-rendering*/}
7076

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

7379
```js
7480
import { preloadModule } from 'react-dom';
@@ -79,11 +85,11 @@ function AppRoot() {
7985
}
8086
```
8187

82-
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).
88+
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).
8389

84-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
90+
### Preload di event handler {/*preloading-in-an-event-handler*/}
8591

86-
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.
92+
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.
8793

8894
```js
8995
import { preloadModule } from 'react-dom';
@@ -94,7 +100,7 @@ function CallToAction() {
94100
startWizard();
95101
}
96102
return (
97-
<button onClick={onClick}>Start Wizard</button>
103+
<button onClick={onClick}>Mulai Wizard</button>
98104
);
99105
}
100106
```

0 commit comments

Comments
 (0)