#2 From 120 to 215

Author: AhmedBaset

src/content/learn/your-first-component.md

@@ -156,10 +156,10 @@ img { margin: 0 10px 10px 0; height: 90px; }
 
 لاحظ الفرق في حالة الأحرف:
 
-* `<section>` هو بحروف صغيرة، لذا تعرف React أننا نشير إلى وسم HTML.
-* `<Profile />` يبدأ بحرف `P` كبير, لذا تعرف React أننا نريد استخدام مكوّننا الذي إسمه `Profile`.
+* `<section>` بحرف صغير `s`، لذا تعرف React أننا نشير إلى عنصر HTML.
+* `<Profile />` يبدأ بحرف `P` كبير, لذا تعرف React أننا نريد استخدام مكوّننا الذي اسمه `Profile`.
 
-ومكوّن `Profile` يحتوي على المزيد من HTML:`<img />`. في النهاية, هذا ما يراه المتصفح:
+ومكوّن `Profile` يحتوي على المزيد من HTML:`<img />`. في النهاية، هذا ما يراه المتصفح:
 
 ```html
 <section>
@@ -174,7 +174,7 @@ img { margin: 0 10px 10px 0; height: 90px; }
 
 المكوّنات هي دوال JavaScript عادية، لذا يمكنك الاحتفاظ بعدة مكوّنات في نفس الملف. هذا مناسب عندما تكون المكوّنات صغيرة نسبيًا أو تتعلق بشكل وثيق ببعضها البعض. إذا أصبح الملف مكتظًا، يمكنك دائمًا نقل المكوّن `Profile` إلى ملف منفصل. ستتعلم كيفية فعل ذلك قريبًا في [الصفحة التي تتحدث عن الاستيرادات.](/learn/importing-and-exporting-components).
 
-نظرًا لأن مكوّنات `Profile` يتم تصييرها داخل مكوّن `Gallery` - وحتى لعدة مرات! - يمكننا القول بأن مكون `Gallery` هو **المكوّن الأب**، الذي يقوم بتصيير كل مكوّن `Profile` كـ "ابن" . هذا جزء من سحر React: يمكنك تعريف مكوّن مرة واحدة، ثم استخدامه في العديد من الأماكن وفي العديد من الأحيان كما تريد.
+نظرًا لأن مكوّنات `Profile` يتم تصييرها داخل مكوّن `Gallery` - وحتى لعدة مرات! - يمكننا القول بأن مكون `Gallery` هو **المكوّن الأب**، الذي يقوم بتصيير كل مكوّن `Profile` كـ "ابن" . هذا جزء من سحر React: يمكنك تعريف مكوّن مرة واحدة، ثم استخدامه في العديد من الأماكن والعديد من المرات كما تريد.
 
 <Pitfall>