Javascript in jsx with curly braces bengali translate#24
Draft
nazmulweb wants to merge 10 commits intoreactjs:mainfrom
Draft
Javascript in jsx with curly braces bengali translate#24nazmulweb wants to merge 10 commits intoreactjs:mainfrom
nazmulweb wants to merge 10 commits intoreactjs:mainfrom
Conversation
moshfiqrony
requested changes
May 19, 2023
Comment on lines
20
to
22
| ## quotes এর সাথে strings পাসিং {/*passing-strings-with-quotes*/} | ||
|
|
||
| When you want to pass a string attribute to JSX, you put it in single or double quotes: | ||
| আপনি যখন JSX-এ একটি স্ট্রিং attribute পাস করতে চান, আপনাকে এটি single বা double quotes রাখতে হবে: |
Collaborator
There was a problem hiding this comment.
You used strings and স্ট্রিং both. I would pick স্ট্রিং for both here.
sudiptob2
suggested changes
May 21, 2023
| </Sandpack> | ||
|
|
||
| Notice the difference between `className="avatar"`, which specifies an `"avatar"` CSS class name that makes the image round, and `src={avatar}` that reads the value of the JavaScript variable called `avatar`. That's because curly braces let you work with JavaScript right there in your markup! | ||
| `className="avatar"` এর মধ্যে পার্থক্য লক্ষ্য করুন, যা একটি `"avatar"` CSS ক্লাসের নাম নির্দিষ্ট করে যা ইমেজটিকে গোলাকার করে, এবং `src={avatar}` যেটি `avatar` নামে জাভাস্ক্রিপ্ট ভেরিয়েবলের value পড়ে। কারণ curly braces আপনাকে আপনার মার্কআপে জাভাস্ক্রিপ্টের সাথে কাজ করতে দেয়! |
There was a problem hiding this comment.
Suggested change
| `className="avatar"` এর মধ্যে পার্থক্য লক্ষ্য করুন, যা একটি `"avatar"` CSS ক্লাসের নাম নির্দিষ্ট করে যা ইমেজটিকে গোলাকার করে, এবং `src={avatar}` যেটি `avatar` নামে জাভাস্ক্রিপ্ট ভেরিয়েবলের value পড়ে। কারণ curly braces আপনাকে আপনার মার্কআপে জাভাস্ক্রিপ্টের সাথে কাজ করতে দেয়! | |
| `className="avatar"` এবং `src={avatar}` এর মধ্যে পার্থক্য লক্ষ্য করুন। `className="avatar"` একটি `"avatar"` নামের CSS ক্লাসকে নির্দিষ্ট করে ও ইমেজকে গোলাকার করে অপরদিকে, `src={avatar}`, `avatar` নামের জাভাস্ক্রিপ্ট ভেরিয়েবলের value পড়ে। এর কারণ হচ্ছে, কারলি ব্রেসেস আপনাকে আপনার মার্কআপ এর ভিতরেই জাভাস্ক্রিপ্ট এর কাজ করতে দেয়! |
…slation, and change request implemented
Collaborator
|
Any update on this? |
Author
|
Yes, working on it. 70% is done. |
Collaborator
|
Hi @nazmulweb if the translation is done please mark it ready to review. Thanks |
Author
|
Please review this task and approve |
Size changesDetails📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
nafistiham
requested changes
Jan 8, 2024
Collaborator
nafistiham
left a comment
There was a problem hiding this comment.
খুব সামান্য কিছু বিষয় চিহ্নিত করে দিয়েছি।
|
|
||
| 1. **As text** directly inside a JSX tag: `<h1>{name}'s To Do List</h1>` works, but `<{tag}>Gregorio Y. Zara's To Do List</{tag}>` will not. | ||
| 2. **As attributes** immediately following the `=` sign: `src={avatar}` will read the `avatar` variable, but `src="{avatar}"` will pass the string `"{avatar}"`. | ||
| 1. সরাসরি JSX ট্যাগের ভিতরে **text হিসাবে**: `<h1>{name}'s To Do List</h1>` এভাবে কাজ করে, কিন্তু `<{tag}>Gregorio Y. Zara's To Do List</{tag}>` এভাবে করবে না৷ |
Collaborator
There was a problem hiding this comment.
এখানে লাইনে লাইনে মিলে নাই।
| <Intro> | ||
|
|
||
| JSX lets you write HTML-like markup inside a JavaScript file, keeping rendering logic and content in the same place. Sometimes you will want to add a little JavaScript logic or reference a dynamic property inside that markup. In this situation, you can use curly braces in your JSX to open a window to JavaScript. | ||
| JSX আপনাকে একটি জাভাস্ক্রিপ্ট ফাইলের ভিতরে HTML-এর মতো মার্কআপ লিখতে দেয়, logic এবং content একই জায়গায় রেন্ডার করে। কখনও কখনও মার্কআপের ভিতরে জাভাস্ক্রিপ্ট logic বা dynamic property লেখার প্রয়োজন পরে। এই পরিস্থিতিতে, আপনি JSX-এ curly braces ব্যবহার করে জাভাস্ক্রিপ্ট লিখতে পারেন। |
Collaborator
There was a problem hiding this comment.
Suggested change
| JSX আপনাকে একটি জাভাস্ক্রিপ্ট ফাইলের ভিতরে HTML-এর মতো মার্কআপ লিখতে দেয়, logic এবং content একই জায়গায় রেন্ডার করে। কখনও কখনও মার্কআপের ভিতরে জাভাস্ক্রিপ্ট logic বা dynamic property লেখার প্রয়োজন পরে। এই পরিস্থিতিতে, আপনি JSX-এ curly braces ব্যবহার করে জাভাস্ক্রিপ্ট লিখতে পারেন। | |
| JSX আপনাকে একটি জাভাস্ক্রিপ্ট ফাইলের ভিতরে HTML-এর মতো মার্কআপ লিখতে দেয়, logic এবং content একই জায়গায় রেন্ডার করে। কখনও কখনও মার্কআপের ভিতরে জাভাস্ক্রিপ্ট logic বা dynamic property লেখার প্রয়োজন পড়ে। এই পরিস্থিতিতে, আপনি JSX-এ curly braces ব্যবহার করে জাভাস্ক্রিপ্ট লিখতে পারেন। |
| ```js | ||
| <div style={person.theme}> | ||
| <h1>{person.name}'s Todos</h1> | ||
| <h1>{person.name}'s Todos</h1> |
| #### ভুলটা ঠিক করুন {/*fix-the-mistake*/} | ||
|
|
||
| This code crashes with an error saying `Objects are not valid as a React child`: | ||
| এই কোডটি একটি ত্রুটির কারণে ক্র্যাশ হয়েছে যে `অবজেক্টগুলি React child হিসাবে বৈধ নয়`: |
Collaborator
There was a problem hiding this comment.
Suggested change
| এই কোডটি একটি ত্রুটির কারণে ক্র্যাশ হয়েছে যে `অবজেক্টগুলি React child হিসাবে বৈধ নয়`: | |
| এই কোডটি ক্র্যাশ করেছে একটি ত্রুটির কারণে, যা বলচহে, `অবজেক্টগুলি React child হিসাবে বৈধ নয়`: |
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.