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/renderToPipeableStream.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -64,7 +64,7 @@ Client-side এ, server-generated HTML কে ইন্টার্যাক
64
64
65
65
#### রিটার্নস {/*returns*/}
66
66
67
-
`renderToPipeableStream` দুইটি method ওয়ালা একটি object return করে:
67
+
`renderToPipeableStream` দুইটি method ওয়ালা একটি object return করেঃ
68
68
69
69
* `pipe` প্রদত্ত [Writable Node.js Stream](https://nodejs.org/api/stream.html#writable-streams) এ HTML output করে। streaming enable করতে চাইলে `onShellReady` তে `pipe` কল করুন, অথবা crawler এবং static generation এর জন্য `onAllReady` তে কল করুন।
70
70
* `abort` আপনাকে [server rendering abort করতে](#aborting-server-rendering) এবং বাকিটা client এ render করতে দেয়।
@@ -75,7 +75,7 @@ Client-side এ, server-generated HTML কে ইন্টার্যাক
75
75
76
76
### React tree কে Node.js Stream এ HTML হিসেবে render করা {/*rendering-a-react-tree-as-html-to-a-nodejs-stream*/}
77
77
78
-
আপনার React tree কে একটি [Node.js Stream](https://nodejs.org/api/stream.html#writable-streams) এ HTML হিসেবে render করতে `renderToPipeableStream` কল করুন:
78
+
আপনার React tree কে একটি [Node.js Stream](https://nodejs.org/api/stream.html#writable-streams) এ HTML হিসেবে render করতে `renderToPipeableStream` কল করুনঃ
<CodeStep step={1}>root component</CodeStep> এর সাথে, আপনাকে <CodeStep step={2}>bootstrap `<script>` path গুলোর</CodeStep> একটি list প্রদান করতে হবে। আপনার root component টি যেন **root `<html>` tag সহ পুরো document return করে।**
96
96
97
-
উদাহরণস্বরূপ, এটি এরকম দেখতে হতে পারে:
97
+
উদাহরণস্বরূপ, এটি এরকম দেখতে হতে পারেঃ
98
98
99
99
```js [[1, 1, "App"]]
100
100
exportdefaultfunctionApp() {
@@ -114,7 +114,7 @@ export default function App() {
114
114
}
115
115
```
116
116
117
-
React [doctype](https://developer.mozilla.org/en-US/docs/Glossary/Doctype) এবং আপনার <CodeStep step={2}>bootstrap `<script>` tag গুলো</CodeStep> HTML stream এ inject করবে:
117
+
React [doctype](https://developer.mozilla.org/en-US/docs/Glossary/Doctype) এবং আপনার <CodeStep step={2}>bootstrap `<script>` tag গুলো</CodeStep> HTML stream এ inject করবেঃ
118
118
119
119
```html [[2, 5, "/main.js"]]
120
120
<!DOCTYPE html>
@@ -124,7 +124,7 @@ React [doctype](https://developer.mozilla.org/en-US/docs/Glossary/Doctype) এ
124
124
<script src="/main.js"async=""></script>
125
125
```
126
126
127
-
Client এ, আপনার bootstrap script যেন [`hydrateRoot` কল করে পুরো `document` hydrate করে:](/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)
Server এ, `<App assetMap={assetMap} />` render করুন এবং asset URL গুলো সহ আপনার `assetMap` পাস করুন:
161
+
Server এ, `<App assetMap={assetMap} />` render করুন এবং asset URL গুলো সহ আপনার `assetMap` পাস করুনঃ
162
162
163
163
```js {1-5,8,9}
164
164
// You'd need to get this JSON from your build tooling, e.g. read it from the build output.
@@ -215,9 +215,9 @@ Client এবং server উভয়েই একই `assetMap` prop সহ `App
215
215
216
216
---
217
217
218
-
### Streaming more content as it loads {/*streaming-more-content-as-it-loads*/}
218
+
### Load হতে হতে আরো content stream করা {/*streaming-more-content-as-it-loads*/}
219
219
220
-
Streaming allows the user to start seeing the content even before all the data has loaded on the server. For example, consider a profile page that shows a cover, a sidebar with friends and photos, and a list of posts:
220
+
Streaming ইউজারকে সকল ডাটা সার্ভারে লোড হওয়ার আগেই কন্টেন্ট দেখতে দেয়। উদাহরণস্বরূপ, একটি profile page এর কথা ভাবুন যেটি একটি cover, friend এবং photo সহ একটি sidebar, এবং post এর একটি লিস্ট দেখায়ঃ
0 commit comments