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/server/renderToStaticNodeStream.md
+19-19Lines changed: 19 additions & 19 deletions
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: renderToStaticNodeStream
4
4
5
5
<Intro>
6
6
7
-
`renderToStaticNodeStream`renders a non-interactive React tree to a [Node.js Readable Stream.](https://nodejs.org/api/stream.html#readable-streams)
7
+
`renderToStaticNodeStream`me-*render* sebuah pohon (*tree*) React yang tidak interaktif ke dalam sebuah [*Node.js Readable Stream*.](https://nodejs.org/api/stream.html#readable-streams)
On the server, call`renderToStaticNodeStream`to get a [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams).
23
+
Pada *server*, panggil`renderToStaticNodeStream`untuk mendapatkan sebuah [*Node.js Readable Stream*](https://nodejs.org/api/stream.html#readable-streams).
The stream will produce non-interactive HTML output of your React components.
34
+
*Stream* akan menghasilkan keluaran HTML yang tidak interaktif dari komponen-komponen React anda.
35
35
36
-
#### Parameters {/*parameters*/}
36
+
#### Parameter {/*parameters*/}
37
37
38
-
*`reactNode`: A React node you want to render to HTML. For example, a JSX element like`<Page />`.
38
+
*`reactNode`: Sebuah *node* React yang ingin anda *render* ke dalam HTML. Misalnya, sebuah elemen JSX seperti`<Page />`.
39
39
40
40
#### Returns {/*returns*/}
41
41
42
-
A [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)that outputs an HTML string. The resulting HTML can't be hydrated on the client.
42
+
Sebuah [*Node.js Readable Stream*](https://nodejs.org/api/stream.html#readable-streams)yang menghasilkan sebuah *string* HTML. HTML yang dihasilkan tidak bisa dihidrasi (*hydrated*) di sisi klien.
43
43
44
44
#### Caveats {/*caveats*/}
45
45
46
-
*`renderToStaticNodeStream`output cannot be hydrated.
46
+
*Keluaran `renderToStaticNodeStream`tidak dapat dihidrasi (*hydrated*).
47
47
48
-
*This method will wait for all [Suspense boundaries](/reference/react/Suspense)to complete before returning any output.
48
+
**Method* ini akan menunggu semua [*Suspense boundaries*](/reference/react/Suspense)untuk diselesaikan sebelum mengembalikan keluaran apapun.
49
49
50
-
*As of React 18, this method buffers all of its output, so it doesn't actually provide any streaming benefits.
50
+
*Sejak React 18, metode ini menyangga semua keluarannya, sehingga tidak memberikan keuntungan *stream* apapun .
51
51
52
-
*The returned stream is a byte streamencoded in utf-8. If you need a stream in another encoding, take a look at a project like [iconv-lite](https://www.npmjs.com/package/iconv-lite), which provides transform streams for transcoding text.
52
+
**Stream* yang dikembalikan merupakan sebuah *byte stream* yang *encoded* dalam *utf-8*. Jika anda membutuhkan sebuah *stream* lain yang di-*encode*, lihatlah ke sebuah proyek seperti [iconv-lite](https://www.npmjs.com/package/iconv-lite), yang memberikan transformasi *stream* untuk *transcoding* teks.
53
53
54
54
---
55
55
56
-
## Usage {/*usage*/}
56
+
## Penggunaan {/*usage*/}
57
57
58
-
### Rendering a React tree as static HTML to a Node.js Readable Stream {/*rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream*/}
58
+
### Me-render sebuah pohon React sebagai HTML statis ke dalam sebuah Node.js Readable Stream {/*rendering-a-react-tree-as-static-html-to-a-nodejs-readable-stream*/}
59
59
60
-
Call`renderToStaticNodeStream`to get a[Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)which you can pipe to your server response:
60
+
Panggil`renderToStaticNodeStream`untuk mendapatkan sebuah[Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)yang dapat dihubungkan ke respon *server*:
//The route handler syntax depends on your backend framework
65
+
//Sintaks route bergantung pada framework backend yang digunakan
66
66
app.use('/', (request, response) => {
67
67
conststream=renderToStaticNodeStream(<Page />);
68
68
stream.pipe(response);
69
69
});
70
70
```
71
71
72
-
The stream will produce the initial non-interactive HTML output of your React components.
72
+
*Stream* akan menghasilkan keluaran awal HTML yang tidak interaktif dari komponen-komponen React anda.
73
73
74
74
<Pitfall>
75
75
76
-
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.
76
+
*Method* ini me-*render***HTML tidak interaktif yang tidak bisa dihidrasi (*hydrated*).**Ini berguna jika anda ingin menggunakan React sebagai sebuah *generator* halaman statis sederhana, atau jika anda me*render* konten statis seperti email.
77
77
78
-
Interactive apps should use[`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream)on the server and[`hydrateRoot`](/reference/react-dom/client/hydrateRoot)on the client.
0 commit comments