You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/preloadModule.md
+27-27Lines changed: 27 additions & 27 deletions
Original file line number
Diff line number
Diff line change
@@ -5,19 +5,19 @@ canary: true
5
5
6
6
<Canary>
7
7
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).
9
9
10
10
</Canary>
11
11
12
12
<Note>
13
13
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.
15
15
16
16
</Note>
17
17
18
18
<Intro>
19
19
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.
To preload an ESM module, call the`preloadModule`function from`react-dom`.
36
+
Untuk melakukan preload modul ESM, panggil fungsi`preloadModule`dari`react-dom`.
37
37
38
38
```js
39
39
import { preloadModule } from'react-dom';
@@ -45,37 +45,37 @@ function AppRoot() {
45
45
46
46
```
47
47
48
-
[See more examples below.](#usage)
48
+
[Lihat contoh lainnya di bawah.](#usage)
49
49
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.
51
51
52
-
#### Parameters {/*parameters*/}
52
+
#### Parameter {/*parameters*/}
53
53
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.
60
60
61
61
62
-
#### Returns {/*returns*/}
62
+
#### Return {/*returns*/}
63
63
64
-
`preloadModule`returns nothing.
64
+
`preloadModule`tidak mengembalikan apa pun.
65
65
66
-
#### Caveats {/*caveats*/}
66
+
#### Catatan Khusus {/*caveats*/}
67
67
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.
71
71
72
72
---
73
73
74
-
## Usage {/*usage*/}
74
+
## Penggunaan {/*usage*/}
75
75
76
-
### Preloading when rendering {/*preloading-when-rendering*/}
76
+
### Preload saat merender {/*preloading-when-rendering*/}
77
77
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.
79
79
80
80
```js
81
81
import { preloadModule } from'react-dom';
@@ -86,11 +86,11 @@ function AppRoot() {
86
86
}
87
87
```
88
88
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).
90
90
91
-
### Preloading in an event handler {/*preloading-in-an-event-handler*/}
91
+
### Preload di event handler {/*preloading-in-an-event-handler*/}
92
92
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.
0 commit comments