Skip to content

Commit ea80cb0

Browse files
committed
Updated translation -as suggested
1 parent ff9a0aa commit ea80cb0

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/content/learn/writing-markup-with-jsx.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ title: JSX দিয়ে মার্কআপ লেখা
1818

1919
## JSX: জাভাস্ক্রিপ্টে মার্কআপ করা {/*jsx-putting-markup-into-javascript*/}
2020

21-
ওয়েবটি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টে তৈরি করা হয়েছে। বহু বছর ধরে, ওয়েব ডেভেলপাররা HTML-এ কন্টেন্ট, সিএসএস-এ ডিজাইন এবং জাভাস্ক্রিপ্টে লজিক রাখে—প্রায়ই আলাদা ফাইলে! পেইজের লজিক জাভাস্ক্রিপ্টে আলাদাভাবে থাকলেও বিষয়বস্তু HTML-এর মধ্যে চিহ্নিত করা হয়েছিল:
21+
ওয়েব HTML, CSS এবং জাভাস্ক্রিপ্টে তৈরি করা হয়েছে। বহু বছর ধরে, ওয়েব ডেভেলপাররা HTML-এ কন্টেন্ট, CSS-এ ডিজাইন এবং জাভাস্ক্রিপ্টে লজিক রাখে—প্রায়ই আলাদা ফাইলে! পেইজের লজিক জাভাস্ক্রিপ্টে আলাদাভাবে থাকলেও বিষয়বস্তু HTML-এর মধ্যে চিহ্নিত করা হত:
2222

2323
<DiagramGroup>
2424

@@ -36,7 +36,7 @@ HTML
3636

3737
</DiagramGroup>
3838

39-
কিন্তু ওয়েব যত বেশি ইন্টারেক্টিভ হয়ে ওঠে, যুক্তি ক্রমবর্ধমান বিষয়বস্তু নির্ধারণ করে। এইচটিএমএল এর দায়িত্বে ছিল জাভাস্ক্রিপ্ট! **এই কারণেই React-এ, রেন্ডারিং লজিক এবং মার্কআপ একই জায়গায় একসাথে থাকে—কম্পোনেন্ট**
39+
কিন্তু ওয়েব যত বেশি ইন্টারেক্টিভ হয়ে ওঠে, কনটেন্ট কী হবে সেটার দায়ভার ক্রমশ লজিকের উপর পড়তে শুরু করল। HTML এর দায়িত্বে ছিল জাভাস্ক্রিপ্ট! **এই কারণেই React-এ, রেন্ডারিং লজিক এবং মার্কআপ একই জায়গায় একসাথে থাকে—কম্পোনেন্টে**
4040

4141
<DiagramGroup>
4242

@@ -60,7 +60,7 @@ HTML
6060

6161
<Note>
6262

63-
জেএসএক্স এবং React দুটি পৃথক জিনিস। এগুলি প্রায়শই একসাথে ব্যবহার করা হয়, তবে আপনি একে অপরের থেকে স্বাধীনভাবে [ব্যবহার করতে পারেন](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#whats-a-jsx-transform) ।JSX হল একটি সিনট্যাক্স এক্সটেনশন, যখন React হল একটি JavaScript লাইব্রেরি।
63+
JSX এবং React দুটি পৃথক জিনিস। এগুলি প্রায়শই একসাথে ব্যবহার করা হয়, তবে আপনি একে অপরের থেকে স্বাধীনভাবে [ব্যবহার করতে পারেন](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#whats-a-jsx-transform) JSX হল একটি সিনট্যাক্স এক্সটেনশন, যখন React হল একটি JavaScript লাইব্রেরি।
6464

6565
</Note>
6666

@@ -82,7 +82,7 @@ HTML
8282
</ul>
8383
```
8484

85-
এবং আপনি এটি আপনার কম্পোনেন্ট- এ রাখতে চান:
85+
এবং আপনি এটি আপনার কম্পোনেন্টে রাখতে চান:
8686

8787
```js
8888
export default function TodoList() {
@@ -122,7 +122,7 @@ img { height: 90px }
122122
123123
</Sandpack>
124124
125-
এর কারণ হল JSX জটিল এবং এইচটিএমএল থেকে আরও কিছু নিয়ম রয়েছে! আপনি যদি উপরের error messages পড়ে থাকেন, তাহলে তারা আপনাকে মার্কআপ ঠিক করার জন্য গাইড করবে, অথবা আপনি নীচের নির্দেশিকা অনুসরণ করতে পারেন।
125+
এর কারণ হল JSX জটিল এবং HTML থেকে আরও কিছু নিয়ম রয়েছে! আপনি যদি উপরের error messages পড়ে থাকেন, তাহলে তারা আপনাকে মার্কআপ ঠিক করার জন্য গাইড করবে, অথবা আপনি নীচের নির্দেশিকা অনুসরণ করতে পারেন।
126126
127127
<Note>
128128
@@ -175,15 +175,15 @@ img { height: 90px }
175175
176176
#### কেন একাধিক JSX ট্যাগ মোড়ানো প্রয়োজন? {/*why-do-multiple-jsx-tags-need-to-be-wrapped*/}
177177
178-
JSX দেখতে HTML এর মতো, কিন্তু আসলে এটি প্লেইন জাভাস্ক্রিপ্ট অবজেক্টে রূপান্তরিত হয়। আপনি একটি অ্যারের মধ্যে মোড়ানো ছাড়া একটি ফাংশন থেকে দুটি অবজেক্ট ফেরত দিতে পারবেন না। এটি ব্যাখ্যা করে যে আপনি কেন দুটি JSX ট্যাগকে অন্য ট্যাগ বা একটি ফ্র্যাগমেন্টে মোড়ানো ছাড়াই ফেরত দিতে পারবেন না।
178+
JSX দেখতে HTML এর মতো, কিন্তু আসলে এটি প্লেইন জাভাস্ক্রিপ্ট অবজেক্টে রূপান্তরিত হয়। আপনি একটি অ্যারের মধ্যে wrap করা ছাড়া একটি ফাংশন থেকে দুটি অবজেক্ট ফেরত দিতে পারবেন না। এটি ব্যাখ্যা করে যে আপনি কেন দুটি JSX ট্যাগকে অন্য ট্যাগ বা একটি ফ্র্যাগমেন্টে মোড়ানো ছাড়াই ফেরত দিতে পারবেন না।
179179
180180
</DeepDive>
181181
182182
### 2. সবগুলো ট্যাগ ক্লোজ করুন {/*2-close-all-the-tags*/}
183183
184-
JSX-এর জন্য ট্যাগগুলি স্পষ্টভাবে ক্লোজ করতে হবে: `<img>`-এর মতো স্ব-বন্ধ হওয়া ট্যাগগুলিকে অবশ্যই `<img />` হতে হবে, এবং `<li>oranges` মতো মোড়ানো ট্যাগগুলিকে `<li>oranges</li>` হিসাবে লিখতে হবে।
184+
JSX-এর জন্য ট্যাগগুলি স্পষ্টভাবে ক্লোজ করতে হবে: `<img>`-এর মতো নিজে নিজে বন্ধ হওয়া ট্যাগগুলিকে অবশ্যই `<img />` হতে হবে, এবং `<li>oranges` মতো wrap করা ট্যাগগুলিকে `<li>oranges</li>` হিসাবে লিখতে হবে।
185185
186-
হেডি লামারের ইমেইজ এবং লিস্টআইটেমগুলি ক্লোজ হলে এমন দেখায়:
186+
Hedy Lamarr এর ছবি এবং লিস্ট আইটেমগুলি ক্লোজ হলে এমন দেখায়:
187187
188188
```js {2-6,8-10}
189189
<>
@@ -260,7 +260,7 @@ img { height: 90px }
260260

261261
এখন আপনি জানেন JSX কেন রয়েছে এবং কীভাবে এটি কম্পনেন্টে ব্যবহার করবেন:
262262

263-
* রিঅ্যাক্ট কম্পোনেন্ট গ্রুপ রেন্ডারিং লজিক মার্কআপের সাথে একসাথে থাকে কারণ তারা সম্পর্কিত।
263+
* React কম্পোনেন্ট গ্রুপ রেন্ডারিং লজিক মার্কআপের সাথে একসাথে থাকে কারণ তারা সম্পর্কিত।
264264
* JSX কিছু পার্থক্য সহ HTML এর অনুরূপ। আপনার প্রয়োজন হলে আপনি একটি [কনভার্টার](https://transform.tools/html-to-jsx) ব্যবহার করতে পারেন।
265265
* Error messages প্রায়ই আপনার মার্কআপ ঠিক করার জন্য সঠিক দিক নির্দেশ করবে.
266266

0 commit comments

Comments
 (0)