Skip to content

Commit 7cc989a

Browse files
docs: translation for renderToStaticMarkup (#505)
Co-authored-by: M Haidar Hanif <git@mhaidarhanif.com>
1 parent f277103 commit 7cc989a

File tree

2 files changed

+20
-20
lines changed

2 files changed

+20
-20
lines changed

src/content/reference/react-dom/server/renderToStaticMarkup.md

+19-19
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: renderToStaticMarkup
44

55
<Intro>
66

7-
`renderToStaticMarkup` renders a non-interactive React tree to an HTML string.
7+
`renderToStaticMarkup` me-*render* sebuah pohon React yang non-interaktif ke *string* HTML.
88

99
```js
1010
const html = renderToStaticMarkup(reactNode)
@@ -16,62 +16,62 @@ const html = renderToStaticMarkup(reactNode)
1616

1717
---
1818

19-
## Reference {/*reference*/}
19+
## Referensi {/*reference*/}
2020

2121
### `renderToStaticMarkup(reactNode)` {/*rendertostaticmarkup*/}
2222

23-
On the server, call `renderToStaticMarkup` to render your app to HTML.
23+
Pada *server*, panggil fungsi `renderToStaticMarkup` untuk me-*render* aplikasi Anda ke HTML.
2424

2525
```js
2626
import { renderToStaticMarkup } from 'react-dom/server';
2727

2828
const html = renderToStaticMarkup(<Page />);
2929
```
3030

31-
It will produce non-interactive HTML output of your React components.
31+
Keluaran yang diberikan adalah HTML non-interaktif dari komponen-komponen React Anda.
3232

33-
[See more examples below.](#usage)
33+
[Lihat lebih banyak contoh di bawah.](#usage)
3434

35-
#### Parameters {/*parameters*/}
35+
#### Parameter {/*parameters*/}
3636

37-
* `reactNode`: A React node you want to render to HTML. For example, a JSX node like `<Page />`.
37+
* `reactNode`: Sebuah *node* React yang Anda ingin *render* ke HTML. Contohnya, sebuah *node* JSX seperti `<Page />`.
3838

39-
#### Returns {/*returns*/}
39+
#### Nilai Balik {/*returns*/}
4040

41-
An HTML string.
41+
Sebuah *string* HTML.
4242

4343
#### Caveats {/*caveats*/}
4444

45-
* `renderToStaticMarkup` output cannot be hydrated.
45+
* Keluaran dari `renderToStaticMarkup` tidak dapat dihidrasi (*hydrate*).
4646

47-
* `renderToStaticMarkup` has limited Suspense support. If a component suspends, `renderToStaticMarkup` immediately sends its fallback as HTML.
47+
* `renderToStaticMarkup` mendukung penggunaan `Suspense` secara terbatas. Apabila sebuah komponen berada dalam kondisi *suspended*, `renderToStaticMarkup` segera mengirimkan *fallback*-nya sebagai HTML.
4848

49-
* `renderToStaticMarkup` works in the browser, but using it in the client code is not recommended. If you need to render a component to HTML in the browser, [get the HTML by rendering it into a DOM node.](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code)
49+
* `renderToStaticMarkup` bekerja dalam peramban, tetapi tidak direkomendasikan untuk digunakan dalam *source code* klien atau lingkungan peramban tersebut. Apabila Anda ingin me-*render* komponen ke HTML dalam peramban, [ambil HTML dengan cara me-*render* dalam *node* DOM.](/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code)
5050

5151
---
5252

53-
## Usage {/*usage*/}
53+
## Penggunaan {/*usage*/}
5454

55-
### Rendering a non-interactive React tree as HTML to a string {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
55+
### Me-*render* pohon React yang non-interaktif sebagai HTML menjadi *string* {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
5656

57-
Call `renderToStaticMarkup` to render your app to an HTML string which you can send with your server response:
57+
Panggil `renderToStaticMarkup` untuk me-*render* aplikasi Anda dalam sebuah *string* HTML yang dapat Anda kirimkan dengan respons dari *server* Anda:
5858

5959
```js {5-6}
6060
import { renderToStaticMarkup } from 'react-dom/server';
6161

62-
// The route handler syntax depends on your backend framework
62+
// Sintaks router ini tergantung dari framework yang Anda gunakan.
6363
app.use('/', (request, response) => {
6464
const html = renderToStaticMarkup(<Page />);
6565
response.send(html);
6666
});
6767
```
6868

69-
This will produce the initial non-interactive HTML output of your React components.
69+
Ini akan memproduksi HTML non-interaktif awal dari komponen-komponen React Anda.
7070

7171
<Pitfall>
7272

73-
This method renders **non-interactive HTML that cannot be hydrated.** This is useful if you want to use React as a simple static page generator, or if you're rendering completely static content like emails.
73+
Metode ini me-*render* **HTML non-interaktif yang tidak bisa di hidrasi.** Ini berguna apabila Anda ingin menggunakan React sebagai *generator* halaman statis yang sederhana, atau bila Anda me-*render* konten yang benar-benar statis seperti surat elektronik.
7474

75-
Interactive apps should use [`renderToString`](/reference/react-dom/server/renderToString) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client.
75+
Aplikasi yang interaktif seharusnya menggunakan [`renderToString`](/reference/react-dom/server/renderToString) pada *server* dan [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) pada klien.
7676

7777
</Pitfall>

src/content/reference/react/startTransition.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ function TabContainer() {
4747

4848
`startTransition` tidak memiliki nilai balik apapun.
4949

50-
#### Anjuran {/*caveats*/}
50+
#### Caveats {/*caveats*/}
5151

5252
* `startTransition` tidak menyediakan penanda untuk mengetahui apakah sebuah transisi sedang *pending* atau tidak. Untuk menampilkan indikator *pending* ketika sebuah transisi sedang berjalan, Anda dapat menggunakan [`useTransition`.](/reference/react/useTransition)
5353

0 commit comments

Comments
 (0)