Skip to content

Commit 6df4ee4

Browse files
committed
translate "Rendering a React tree as HTML to a Node.js Stream"
1 parent 01cdd5e commit 6df4ee4

1 file changed

Lines changed: 8 additions & 8 deletions

File tree

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -71,11 +71,11 @@ Client-side এ, server-generated HTML কে ইন্টার‍্যাক
7171
7272
---
7373
74-
## Usage {/*usage*/}
74+
## ব্যবহার {/*usage*/}
7575
76-
### Rendering a React tree as HTML to a Node.js Stream {/*rendering-a-react-tree-as-html-to-a-nodejs-stream*/}
76+
### React tree কে Node.js Stream এ HTML হিসেবে render করা {/*rendering-a-react-tree-as-html-to-a-nodejs-stream*/}
7777
78-
Call `renderToPipeableStream` to render your React tree as HTML into a [Node.js Stream:](https://nodejs.org/api/stream.html#writable-streams)
78+
আপনার React tree কে একটি [Node.js Stream](https://nodejs.org/api/stream.html#writable-streams) এ HTML হিসেবে render করতে `renderToPipeableStream` কল করুন:
7979
8080
```js [[1, 5, "<App />"], [2, 6, "['/main.js']"]]
8181
import { renderToPipeableStream } from 'react-dom/server';
@@ -92,9 +92,9 @@ app.use('/', (request, response) => {
9292
});
9393
```
9494
95-
Along with the <CodeStep step={1}>root component</CodeStep>, you need to provide a list of <CodeStep step={2}>bootstrap `<script>` paths</CodeStep>. Your root component should return **the entire document including the root `<html>` tag.**
95+
<CodeStep step={1}>root component</CodeStep> এর সাথে, আপনাকে <CodeStep step={2}>bootstrap `<script>` path গুলোর</CodeStep> একটি list প্রদান করতে হবে। আপনার root component টি যেন **root `<html>` tag সহ পুরো document return করে।**
9696
97-
For example, it might look like this:
97+
উদাহরণস্বরূপ, এটি এরকম দেখতে হতে পারে:
9898
9999
```js [[1, 1, "App"]]
100100
export default function App() {
@@ -114,7 +114,7 @@ export default function App() {
114114
}
115115
```
116116
117-
React will inject the [doctype](https://developer.mozilla.org/en-US/docs/Glossary/Doctype) and your <CodeStep step={2}>bootstrap `<script>` tags</CodeStep> into the resulting HTML stream:
117+
React [doctype](https://developer.mozilla.org/en-US/docs/Glossary/Doctype) এবং আপনার <CodeStep step={2}>bootstrap `<script>` tag গুলো</CodeStep> HTML stream এ inject করবে:
118118
119119
```html [[2, 5, "/main.js"]]
120120
<!DOCTYPE html>
@@ -124,7 +124,7 @@ React will inject the [doctype](https://developer.mozilla.org/en-US/docs/Glossar
124124
<script src="/main.js" async=""></script>
125125
```
126126
127-
On the client, your bootstrap script should [hydrate the entire `document` with a call to `hydrateRoot`:](/reference/react-dom/client/hydrateRoot#hydrating-an-entire-document)
127+
Client এ, আপনার bootstrap script যেন [`hydrateRoot` কল করে পুরো `document` hydrate করে:](/reference/react-dom/client/hydrateRoot#hydrating-an-entire-document)
128128
129129
```js [[1, 4, "<App />"]]
130130
import { hydrateRoot } from 'react-dom/client';
@@ -133,7 +133,7 @@ import App from './App.js';
133133
hydrateRoot(document, <App />);
134134
```
135135
136-
This will attach event listeners to the server-generated HTML and make it interactive.
136+
এটি server-generated HTML এ event listener attach করবে এবং এটিকে interactive করে তুলবে।
137137
138138
<DeepDive>
139139

0 commit comments

Comments
 (0)