Skip to content

Commit 08bb21a

Browse files
moshfiqronymoshfiqrony
authored
Merge pull request #153 from habibium/reference/renderToString
Translate reference/renderToString
2 parents 471a26e + b1e111a commit 08bb21a

File tree

1 file changed

+36
-36
lines changed

1 file changed

+36
-36
lines changed

‎src/content/reference/react-dom/server/renderToString.md

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ title: renderToString
44

55
<Pitfall>
66

7-
`renderToString` does not support streaming or waiting for data. [See the alternatives.](#alternatives)
7+
`renderToString` streaming সাপোর্ট করে না এবং ডেটা (ফেচিং বা কোনো এসিংক্রোনাস কাজ) এর জন্য বিলম্ব করে না [বিকল্প সমূহ দেখুন।](#alternatives)
88

99
</Pitfall>
1010

1111
<Intro>
1212

13-
`renderToString` renders a React tree to an HTML string.
13+
`renderToString` একটি React tree কে HTML string হিসেবে রেন্ডার করে।
1414

1515
```js
1616
const html = renderToString(reactNode, options?)
@@ -22,46 +22,46 @@ const html = renderToString(reactNode, options?)
2222
2323
---
2424
25-
## Reference {/*reference*/}
25+
## রেফারেন্স {/*reference*/}
2626
2727
### `renderToString(reactNode, options?)` {/*rendertostring*/}
2828
29-
On the server, call `renderToString` to render your app to HTML.
29+
আপনার অ্যাপকে HTML এ রেন্ডার করতে, সার্ভার থেকে `renderToString` কল করুন।
3030
3131
```js
3232
import { renderToString } from 'react-dom/server';
3333

3434
const html = renderToString(<App />);
3535
```
3636
37-
On the client, call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to make the server-generated HTML interactive.
37+
সার্ভার-জেনারেটেড HTML কে ইন্টার‍্যাক্টিভ করতে, ক্লায়েন্ট থেকে [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) কল করুন।
3838
39-
[See more examples below.](#usage)
39+
[নিচে আরো উদাহরণ দেখুন।](#usage)
4040
41-
#### Parameters {/*parameters*/}
41+
#### প্যারামিটার্স {/*parameters*/}
4242
43-
* `reactNode`: A React node you want to render to HTML. For example, a JSX node like `<App />`.
43+
* `reactNode`: একটি React node যাকে আপনি HTML এ রেন্ডার করতে চান। উদাহরণস্বরূপ,`<App />` এর মতো একটি JSX node ।
4444
45-
* **optional** `options`: An object for server render.
46-
* **optional** `identifierPrefix`: A string prefix React uses for IDs generated by [`useId`.](/reference/react/useId) Useful to avoid conflicts when using multiple roots on the same page. Must be the same prefix as passed to [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot#parameters)
45+
* **অপশনাল** `options`: সার্ভার রেন্ডারের জন্য একটি অবজেক্ট।
46+
* **অপশনাল** `identifierPrefix`: একটি string prefix (উপসর্গ) যেটি React [`useId`](/reference/react/useId) এর দ্বারা জেনারেট করা id এর সঙ্গে ব্যবহার করে। একই পেজে একাধিক root ব্যবহারের সময় আইডির সাথে আইডির সংঘর্ষ এড়াতে এটি উপকারে আসে। এটি [`hydrateRoot`](/reference/react-dom/client/hydrateRoot#parameters) এর কাছে পাস করা prefix এর অবশ্যই অনুরূপ হতে হবে।
4747
48-
#### Returns {/*returns*/}
48+
#### রিটার্নস {/*returns*/}
4949
50-
An HTML string.
50+
একটি HTML স্ট্রিং।
5151
52-
#### Caveats {/*caveats*/}
52+
#### সাবধানতা {/*caveats*/}
5353
54-
* `renderToString` has limited Suspense support. If a component suspends, `renderToString` immediately sends its fallback as HTML.
54+
* `renderToString` এর সীমিত Suspense সাপোর্ট রয়েছে। যদি কোনো কম্পোনেন্ট suspend করে, `renderToString` কোনো বিলম্ব ছাড়াই সেটির fallback কে HTML হিসেবে পাঠিয়ে দেয়।
5555
56-
* `renderToString` works in the browser, but using it in the client code is [not recommended.](#removing-rendertostring-from-the-client-code)
56+
* `renderToString` ব্রাউজারে কাজ করে, কিন্তু ক্লায়েন্ট সাইডে এটির ব্যাবহার [রিকমেন্ডেড না।](#removing-rendertostring-from-the-client-code)
5757
5858
---
5959
60-
## Usage {/*usage*/}
60+
## ব্যাবহার {/*usage*/}
6161
62-
### Rendering a React tree as HTML to a string {/*rendering-a-react-tree-as-html-to-a-string*/}
62+
### একটি React tree কে HTML হিসেবে একটি স্ট্রিং-এ রেন্ডার করা {/*rendering-a-react-tree-as-html-to-a-string*/}
6363
64-
Call `renderToString` to render your app to an HTML string which you can send with your server response:
64+
আপনার সার্ভার রেসপন্সের সাথে পাঠানোর জন্য আপনার অ্যাপকে একটি HTML স্ট্রিং-এ রেন্ডার করতে `renderToString` কল করুনঃ
6565
6666
```js {5-6}
6767
import { renderToString } from 'react-dom/server';
@@ -73,35 +73,35 @@ app.use('/', (request, response) => {
7373
});
7474
```
7575
76-
This will produce the initial non-interactive HTML output of your React components. On the client, you will need to call [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) to *hydrate* that server-generated HTML and make it interactive.
76+
এটি আপনার React কম্পোনেন্টগুলির প্রাথমিক নন-ইন্টারেক্টিভ HTML আউটপুট তৈরি করবে। ক্লায়েন্ট সাইডে, আপনাকে সেই সার্ভার-জেনারেটেড HTML কে *হাইড্রেট* এবং ইন্টারেক্টিভ করতে [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) কল করতে হবে।
7777
7878
7979
<Pitfall>
8080
81-
`renderToString` does not support streaming or waiting for data. [See the alternatives.](#alternatives)
81+
`renderToString` streaming সাপোর্ট করে না এবং ডেটা (ফেচিং বা কোনো এসিংক্রোনাস কাজ) এর জন্য বিলম্ব করে না [বিকল্প সমূহ দেখুন।](#alternatives)
8282
8383
</Pitfall>
8484
8585
---
8686
87-
## Alternatives {/*alternatives*/}
87+
## বিকল্প সমূহ {/*alternatives*/}
8888
89-
### Migrating from `renderToString` to a streaming method on the server {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/}
89+
### সার্ভারে `renderToString` এর বদলে একটি streaming মেথড ব্যাবহার করা {/*migrating-from-rendertostring-to-a-streaming-method-on-the-server*/}
9090
91-
`renderToString` returns a string immediately, so it does not support streaming or waiting for data.
91+
`renderToString` সঙ্গে সঙ্গেই একটি স্ট্রিং রিটার্ন করে, তাই এটি স্ট্রিমিং বা ডেটার জন্য অপেক্ষা করা সাপোর্ট করে না।
9292
93-
When possible, we recommend using these fully-featured alternatives:
93+
যখন সম্ভব, আমরা এই fully-featured বিকল্পগুলো ব্যাবহার করা রেকমেন্ড করিঃ
9494
95-
* If you use Node.js, use [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)
96-
* If you use Deno or a modern edge runtime with [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API), use [`renderToReadableStream`.](/reference/react-dom/server/renderToReadableStream)
95+
* আপনি যদি Node.js ব্যবহার করেন, তাহলে [`renderToPipeableStream`](/reference/react-dom/server/renderToPipeableStream) ব্যবহার করুন।
96+
* আপনি যদি Deno বা [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API) সহ একটি আধুনিক Edge রানটাইম ব্যবহার করেন, তাহলে [`renderToReadableStream`](/reference/react-dom/server/renderToReadableStream) ব্যবহার করুন।
9797
98-
You can continue using `renderToString` if your server environment does not support streams.
98+
আপনার সার্ভার environment যদি stream সাপোর্ট না করে, তাহলে আপনি `renderToString` ব্যবহার চালিয়ে যেতে পারেন।
9999
100100
---
101101
102-
### Removing `renderToString` from the client code {/*removing-rendertostring-from-the-client-code*/}
102+
### ক্লায়েন্ট কোড থেকে `renderToString` দূর করা {/*removing-rendertostring-from-the-client-code*/}
103103
104-
Sometimes, `renderToString` is used on the client to convert some component to HTML.
104+
কখনো কখনো, কোনো কম্পোনেন্টকে HTML-এ রূপান্তর করতে ক্লায়েন্ট-সাইডে `renderToString` ব্যবহার করা হয়।
105105
106106
```js {1-2}
107107
// 🚩 Unnecessary: using renderToString on the client
@@ -111,7 +111,7 @@ const html = renderToString(<MyIcon />);
111111
console.log(html); // For example, "<svg>...</svg>"
112112
```
113113
114-
Importing `react-dom/server` **on the client** unnecessarily increases your bundle size and should be avoided. If you need to render some component to HTML in the browser, use [`createRoot`](/reference/react-dom/client/createRoot) and read HTML from the DOM:
114+
**ক্লায়েন্ট-সাইডে** `react-dom/server` ইমপোর্ট করা বিনা প্রয়োজনে আপনার বান্ডল সাইজ বাড়িয়ে দেয় এবং এটা এড়ানো উচিত। যদি আপনার ব্রাউজারে কোনো কম্পোনেন্টকে HTML-এ রেন্ডার করতে হয়, তাহলে [`createRoot`](/reference/react-dom/client/createRoot) ব্যবহার করুন এবং DOM থেকে HTML রিড করুনঃ
115115
116116
```js
117117
import { createRoot } from 'react-dom/client';
@@ -125,17 +125,17 @@ flushSync(() => {
125125
console.log(div.innerHTML); // For example, "<svg>...</svg>"
126126
```
127127
128-
The [`flushSync`](/reference/react-dom/flushSync) call is necessary so that the DOM is updated before reading its [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) property.
128+
এখানে [`flushSync`](/reference/react-dom/flushSync) কল করা জরুরী যাতে DOM তার [`innerHTML`](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) প্রোপার্টি read করার আগে আপডেট হয়।
129129
130130
---
131131
132-
## Troubleshooting {/*troubleshooting*/}
132+
## ট্রাবলশুটিং {/*troubleshooting*/}
133133
134-
### When a component suspends, the HTML always contains a fallback {/*when-a-component-suspends-the-html-always-contains-a-fallback*/}
134+
### যখন একটি কম্পোনেন্ট Suspense এ থাকে, তখন HTML এর সর্বদা একটি ফলব্যাক থাকে {/*when-a-component-suspends-the-html-always-contains-a-fallback*/}
135135
136-
`renderToString` does not fully support Suspense.
136+
`renderToString` পুরোপুরি ভাবে Suspense সাপোর্ট করে না।
137137
138-
If some component suspends (for example, because it's defined with [`lazy`](/reference/react/lazy) or fetches data), `renderToString` will not wait for its content to resolve. Instead, `renderToString` will find the closest [`<Suspense>`](/reference/react/Suspense) boundary above it and render its `fallback` prop in the HTML. The content will not appear until the client code loads.
138+
যদি কোনো কম্পোনেন্ট সাসপেন্স অবস্থায় থাকে (যেমন, যদি এটাকে [`lazy`](/reference/react/lazy) করা হয় কিংবা এটা ডেটা ফেচ করে), তাহলে এর কন্টেন্ট resolve হওয়ার জন্য `renderToString` অপেক্ষা করবে না। পরিবর্তে, `renderToString` উপরের সবচেয়ে কাছের [`<Suspense>`](/reference/react/Suspense) বাউন্ডারি খুঁজে বের করবে এবং HTML-এ এর `fallback` প্রপ রেন্ডার করবে। ক্লায়েন্ট কোড লোড না হওয়া পর্যন্ত ঐ কন্টেন্ট প্রদর্শিত হবে না।
139139
140-
To solve this, use one of the [recommended streaming solutions.](#migrating-from-rendertostring-to-a-streaming-method-on-the-server) They can stream content in chunks as it resolves on the server so that the user sees the page being progressively filled in before the client code loads.
140+
এই সমস্যা সমাধান করতে, [রেকমেন্ডেড স্ট্রিমিং সমাধানগুলোর](#migrating-from-rendertostring-to-a-streaming-method-on-the-server) একটি ব্যবহার করুন। এ সমাধানগুলোর ক্ষেত্রে সার্ভারে resolve হওয়ার সাথে সাথে কন্টেন্ট ভাগে ভাগে স্ট্রিম হয়ে আসতে পারবে যাতে ইউজার ক্লায়েন্ট কোড লোড হওয়ার আগেই পৃষ্ঠাটি ক্রমে ক্রমে পূরণ হতে দেখতে পায়।
141141

0 commit comments

Comments
 (0)