from 230 to 587

Author: AhmedBaset

src/content/learn/javascript-in-jsx-with-curly-braces.md

@@ -235,18 +235,18 @@ JSXهي لغة قوالب بسيطة جدًا لأنها تسمح لك بتنظ
 
 الآن تعرف تقريبًا كل شيء عن JSX:
 
-* يتم تمرير خصائص JSX في شكل strings داخل أقواس تنصيص
-* تسمح لك الأقواس المعقوفة بإضافة منطق ومتغيرات JavaScript داخل الترميز الخاص بك.
-* تعمل الأقواس المعقوفة داخل محتوى وسم JSX أو مباشرة بعد `=` في الخصائص.
-* `{{` و `}}` ليست بصيغة خاصة: إنما هي كائن JavaScript موجود داخل أقواس JSX المعقوفة.
+* يتم تمرير خصائص JSX كنصوص داخل أقواس تنصيص
+* تسمح لك الأقواس المنحنية بإضافة منطق ومتغيرات JavaScript داخل الترميز الخاص بك.
+* تعمل الأقواس المنحنية داخل محتوى وسم JSX أو مباشرة بعد `=` في الخصائص.
+* `{{` و `}}` ليست صيغة خاصة: إنما هي كائن JavaScript موجود داخل أقواس JSX المنحنية.
 
 </Recap>
 
 <Challenges>
 
 #### أصلح الخطأ {/*fix-the-mistake*/}
 
-هذا الكود يتعطل ويظهر خطأ  `Objects are not valid as a React child`:
+هذا الكود يتعطل ويظهر خطأ `Objects are not valid as a React child`:
 
 <Sandpack>
 
@@ -269,9 +269,9 @@ export default function TodoList() {
         alt="Gregorio Y. Zara"
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );
@@ -288,13 +288,13 @@ body > div > div { padding: 20px; }
 
 هل يمكنك إيجاد المشكلة؟
 
-<Hint>ابحث عن ما يوجد داخل الأقواس المجعدة. هل يتم وضع الشيء الصحيح هناك؟</Hint>
+<Hint>ابحث عن ما يوجد داخل الأقواس المنحنية. هل يتم وضع الشيء الصحيح هناك؟</Hint>
 
 <Solution>
 
-يحدث هذا بسبب أن هذا المثال يقوم بتصيير *كائن بذاته* في الترميز بدلاً من string: `<h1>{person}'s قائمة المهام</h1>` يحاول عرض كائن `person` بأكمله! إدراج الكائنات المباشرة كمحتوى نصي يُثير خطأ لأن React لا يعرف كيف ترغب في عرضها.
+يحدث هذا بسبب أن هذا المثال يقوم بتصيير *كائن بذاته* في الترميز بدلاً من النص: `<h1>قائمة مهام {person}</h1>` يحاول عرض كائن `person` بأكمله! إدراج الكائنات المباشرة كمحتوى نصي يُثير خطأ لأن React لا يعرف كيف ترغب في عرضها.
 
-لحل هذه المشكلة، قم بتبديل `<h1>{person}'s Todos</h1>` بـ `<h1>{person.name}'s Todos</h1>`:
+لحل هذه المشكلة، قم بتبديل `<h1>قائمة مهام {person}</h1>` بـ `<h1>قائمة مهام {person.name}</h1>`:
 
 <Sandpack>
 
@@ -317,9 +317,9 @@ export default function TodoList() {
         alt="Gregorio Y. Zara"
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );
@@ -361,9 +361,9 @@ export default function TodoList() {
         alt="Gregorio Y. Zara"
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );
@@ -380,7 +380,7 @@ body > div > div { padding: 20px; }
 
 <Solution>
 
-قم بنقل عنوان URL للصورة إلى خاصية تسمى `person.imageUrl` وقم بقراءتها من وسم `<img>` باستخدام الأقواس المعقوفة:
+قم بنقل عنوان URL للصورة إلى خاصية تسمى `person.imageUrl` وقم بقراءتها من وسم `<img>` باستخدام الأقواس المنحنية:
 
 <Sandpack>
 
@@ -404,9 +404,9 @@ export default function TodoList() {
         alt="Gregorio Y. Zara"
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );
@@ -423,7 +423,7 @@ body > div > div { padding: 20px; }
 
 </Solution>
 
-#### اكتب تعبيراً داخل أقواس JSX المعقوفة. {/*write-an-expression-inside-jsx-curly-braces*/}
+#### اكتب تعبيراً داخل أقواس JSX المنحنية. {/*write-an-expression-inside-jsx-curly-braces*/}
 
 في الكائن أدناه، يتم تقسيم العنوان الكامل للصورة إلى أربعة أجزاء: العنوان الأساس و`imageId` و`imageSize` وامتداد الملف.
 
@@ -456,9 +456,9 @@ export default function TodoList() {
         alt={person.name}
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );
@@ -480,7 +480,7 @@ body > div > div { padding: 20px; }
 يمكنك كتابته على هذا النحو `src={baseUrl + person.imageId + person.imageSize + '.jpg'}`.
 
 1. `{` تفتح التعبير الخاص بـ JavaScript
-2. `baseUrl + person.imageId + person.imageSize + '.jpg'` ينتج string URL الصحيح
+2. `baseUrl + person.imageId + person.imageSize + '.jpg'` ينتج نص URL الصحيح
 3. `{` تغلق التعبير الخاص بـ JavaScript
 
 <Sandpack>
@@ -507,9 +507,9 @@ export default function TodoList() {
         alt={person.name}
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );
@@ -551,9 +551,9 @@ export default function TodoList() {
         alt={person.name}
       />
       <ul>
-        <li>Improve the videophone</li>
-        <li>Prepare aeronautics lectures</li>
-        <li>Work on the alcohol-fuelled engine</li>
+        <li>تحسين الهاتف</li>
+        <li>تجهيز محاضرات عن الطيران</li>
+        <li>العمل على محرك بالوقود الكحولي</li>
       </ul>
     </div>
   );