render-to-static-markup by nafistiham · Pull Request #65 · reactjs/bn.react.dev
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! 🙌
| <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) ব্যবহার করা। |
@nafistiham Bhai ইন্টার্যাক্টিভ spelling ta problem kortese tai ইন্টার্যাক্টিভ => ইন্টারেক্টিভ kore diyen
@nafistiham Bhai ইন্টার্যাক্টিভ spelling ta problem kortese tai ইন্টার্যাক্টিভ => ইন্টারেক্টিভ kore diyen
এমনেই ঠিক করা গেছে। সম্ভবত ম্যাকের ইস্যু।
মার্জ করে দিয়েন
@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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters