render-to-static-markup by nafistiham · Pull Request #65 · reactjs/bn.react.dev

@nafistiham

@nafistiham

@github-actions

Size changes

Details

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

nomandhoni-cs

This comment was marked as outdated.

nomandhoni-cs

<Intro>

`renderToStaticMarkup` renders a non-interactive React tree to an HTML string.
`renderToStaticMarkup` একটি নন-ইন্টার‌্যাক্টিভ React ট্রি কে একটি HTML স্ট্রিং এ রেন্ডার করে।

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

`renderToStaticMarkup` একটি নন-ইন্টার‌্যাক্টিভ React ট্রি কে একটি HTML স্ট্রিং এ রেন্ডার করে।
`renderToStaticMarkup` একটি নন-ইন্টারেক্টিভ React ট্রি কে একটি HTML স্ট্রিং এ রেন্ডার করে।
```

It will produce non-interactive HTML output of your React components.
এটা আপনার React কম্পোনেন্টের নন-ইন্টার‌্যাক্টিভ HTML আউটপুট তৈরি করবে।

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

এটা আপনার React কম্পোনেন্টের নন-ইন্টার‌্যাক্টিভ HTML আউটপুট তৈরি করবে।
এটা আপনার React কম্পোনেন্টের নন-ইন্টারেক্টিভ HTML আউটপুট তৈরি করবে।
## ব্যবহার {/*usage*/}

### Rendering a non-interactive React tree as HTML to a string {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
### একটি নন-ইন্টার‌্যাক্টিভ React ট্রি কে HTML হিসেবে একটি স্ট্রিং এ রেন্ডার করা {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

### একটি নন-ইন্টার‌্যাক্টিভ React ট্রি কে HTML হিসেবে একটি স্ট্রিং এ রেন্ডার করা {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
### একটি নন-ইন্টারেক্টিভ React ট্রি কে HTML হিসেবে একটি স্ট্রিং এ রেন্ডার করা {/*rendering-a-non-interactive-react-tree-as-html-to-a-string*/}
```

This will produce the initial non-interactive HTML output of your React components.
এটা আপনার React কম্পোনেন্টের প্রাথমিক নন-ইন্টার‌্যাক্টিভ HTML আউটপুট তৈরি করবে।

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

এটা আপনার React কম্পোনেন্টের প্রাথমিক নন-ইন্টার‌্যাক্টিভ HTML আউটপুট তৈরি করবে।
এটা আপনার React কম্পোনেন্টের প্রাথমিক নন-ইন্টারেক্টিভ HTML আউটপুট তৈরি করবে।
<Pitfall>

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.
এই মেথডটা রেন্ডার করে **নন-ইন্টার‌্যাক্টিভ HTML যা hydrate করা যায় না।** এটা কাজে লাগে যখন আপনি React কে একটি simple static page generator হিসেবে ব্যবহার করতে চান, অথবা আপনি সম্পূর্ণরূপে স্ট্যাটিক কনটেন্ট যেমন ইমেইল রেন্ডার করছেন।

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

এই মেথডটা রেন্ডার করে **নন-ইন্টার‌্যাক্টিভ HTML যা hydrate করা যায় না।** এটা কাজে লাগে যখন আপনি React কে একটি simple static page generator হিসেবে ব্যবহার করতে চান, অথবা আপনি সম্পূর্ণরূপে স্ট্যাটিক কনটেন্ট যেমন ইমেইল রেন্ডার করছেন।
এই মেথডটা রেন্ডার করে **নন-ইন্টারেক্টিভ HTML যা hydrate করা যায় না।** এটা কাজে লাগে যখন আপনি React কে একটি simple static page generator হিসেবে ব্যবহার করতে চান, অথবা আপনি সম্পূর্ণরূপে স্ট্যাটিক কনটেন্ট যেমন ইমেইল রেন্ডার করছেন।
এই মেথডটা রেন্ডার করে **নন-ইন্টার‌্যাক্টিভ HTML যা hydrate করা যায় না।** এটা কাজে লাগে যখন আপনি React কে একটি simple static page generator হিসেবে ব্যবহার করতে চান, অথবা আপনি সম্পূর্ণরূপে স্ট্যাটিক কনটেন্ট যেমন ইমেইল রেন্ডার করছেন।

Interactive apps should use [`renderToString`](/reference/react-dom/server/renderToString) on the server and [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) on the client.
ইন্টার‌্যাক্টিভ অ্যাপের উচিত সার্ভারে [`renderToString`](/reference/react-dom/server/renderToString) ব্যবহার করা এবং ক্লায়েন্টে [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) ব্যবহার করা।

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ইন্টার‌্যাক্টিভ অ্যাপের উচিত সার্ভারে [`renderToString`](/reference/react-dom/server/renderToString) ব্যবহার করা এবং ক্লায়েন্টে [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) ব্যবহার করা।
ইন্টারেক্টিভ অ্যাপের উচিত সার্ভারে [`renderToString`](/reference/react-dom/server/renderToString) ব্যবহার করা এবং ক্লায়েন্টে [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) ব্যবহার করা।

@nomandhoni-cs

@nafistiham Bhai ইন্টার‌্যাক্টিভ spelling ta problem kortese tai ইন্টার‌্যাক্টিভ => ইন্টারেক্টিভ kore diyen

@nafistiham

@nafistiham

@nafistiham Bhai ইন্টার‌্যাক্টিভ spelling ta problem kortese tai ইন্টার‌্যাক্টিভ => ইন্টারেক্টিভ kore diyen

এমনেই ঠিক করা গেছে। সম্ভবত ম্যাকের ইস্যু।
মার্জ করে দিয়েন
@nomandhoni-cs

nomandhoni-cs

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks to Nafis Bhai