[DONE]: Translate JavaScript in JSX with Curly Braces#498
[DONE]: Translate JavaScript in JSX with Curly Braces#498AhmedBaset merged 13 commits intoreactjs:mainfrom
JavaScript in JSX with Curly Braces#498Conversation
Size changesDetails📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 Three Pages Changed SizeThe following pages changed size from the code in this PR compared to its base branch:
DetailsOnly the gzipped size is provided here based on an expert tip. First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If Any third party scripts you have added directly to your app using the Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this. |
AhmedBaset
left a comment
There was a problem hiding this comment.
ترجمة ممتازة
تركت لك بعض التعليقات
وعدلت تعديلات في commits راجعها من فضلك
أمر أخير هناك بعض المحتوى وسط الكود مثل المحتوى الخاص بGregorio Y. Zara سيكون جيدًا لو ترجمته إلى اللغة العربية
لكن الأفضل على الإطلاق لو غيرت المحتوى تماما بمحتوى مألوف للمستخدمين العرب
مثلا بدلا من قائمة مهام لجورجيو يمكنك عمل قائمة مهام لأحمد زويل أو نجيب محفوظ أو طه حسين
إن أردت تعديل هذا يمكنك فتح طلب سحب Pull Request جديد وتعديل ما تريد
شكرا لك
| @@ -1,25 +1,25 @@ | |||
| --- | |||
| title: JavaScript in JSX with Curly Braces | |||
| title: JavaScript في JSX باستخدام الأقواس المعقوفة | |||
|
|
||
| <YouWillLearn> | ||
|
|
||
| * How to pass strings with quotes |
There was a problem hiding this comment.
ترجم strings إلى النصوص
There was a problem hiding this comment.
سأقوم بترجمتهم المرة القادمة. السبب في أني لم أترجمهم هو لأني ظننت أنه ليس من المفترض ترجمة string تبعا لقائمة المصطلحات
| backgroundColor: 'black', | ||
| color: 'pink' | ||
| }}> | ||
| <li>Improve the videophone</li> |
There was a problem hiding this comment.
سيكون الأمر أفضل لو ترجمت المحتوى بين الكود
There was a problem hiding this comment.
صحيح، سأتأكد من أن أترجم محتوى الكود في المرة القادمة.
| export default function TodoList() { | ||
| return ( | ||
| <h1>To Do List for {formatDate(today)}</h1> | ||
| <h1>قائمة مهام لـ {formatDate(today)}</h1> |
There was a problem hiding this comment.
هل مسموح لنا بتعديل هذا الكود بحيث يتم تغيير DateTimeFormat من en-us إلى مثلا ar-eg؟
function formatDate(date) {
return new Intl.DateTimeFormat(
'ar-eg',
{ weekday: 'long' }
).format(date);
}
هذا سيحسن من شكل النص المصيّر, بحيث يكون الناتج:
قائمة مهام لـ الأربعاء
بدلا من
قائمة مهام لـ Wednesday
There was a problem hiding this comment.
بالطبع يمكنك طالما لا تؤثر على فكرة الكود
There was a problem hiding this comment.
حسنا سأقوم بإنشاء طلب سحب جديد يحتوي على هذا التغيير
There was a problem hiding this comment.
إذن عدل المعلومات عن شخص معروف مثلا هذه معلومات بديلة عن أحمد زويل باستخدام chatGPT
const person = {
name: 'أحمد زويل',
theme: {
backgroundColor: 'black',
color: 'pink'
}
};
export default function TodoList() {
return (
<div style={person.theme}>
<h1>مهام {person.name}</h1>
<img
className="avatar"
src="https://i.ibb.co/KDFmRmy/5.jpg"
alt="أحمد زويل"
/>
<ul>
<li>العمل على تطوير العلوم والأبحاث في مصر</li>
<li>تعزيز التعليم العلمي وتشجيع الشباب على الاهتمام بالعلوم</li>
<li>تطوير تكنولوجيا المعلومات والاتصالات</li>
<li>دعم الابتكار والاختراع في مجالات متعددة</li>
</ul>
</div>
);
}غير ما يلزم من الكود
يمكنك تعديا البيانات أو تغيير الشخص كما تحب
There was a problem hiding this comment.
نعم سأستبدل محتوى الأمثلة كما اقترحت بأمثلة مألوفة للمستخدمين العرب.
|
@A7med3bdulBaset this is done is this merged yet? It's still marked as unchecked |
|
Apologize for the confusion |
No problem! Thank you. |
Uh oh!
There was an error while loading. Please reload this page.