From 7d8f3a6966b795b5b0f1b727c3b553a0cf13da8b Mon Sep 17 00:00:00 2001
From: A7med3bdulBaset <A7med3bdulBaset@gmail.com>
Date: Fri, 14 Jul 2023 02:48:01 +0300
Subject: [PATCH 1/3] translate components

---
 src/content/reference/react/components.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md
index 7ce3fab63..9587cbf6e 100644
--- a/src/content/reference/react/components.md
+++ b/src/content/reference/react/components.md
@@ -1,24 +1,24 @@
 ---
-title: "Built-in React Components"
+title: "المكونات المدمجة في React"
 ---
 
 <Intro>
 
-React exposes a few built-in components that you can use in your JSX.
+تقدم React بعض المكونات المدمجة التي يمكنك استخدامها في JSX الخاص بك.
 
 </Intro>
 
 ---
 
-## Built-in components {/*built-in-components*/}
+## المكونات المدمجة {/*built-in-components*/}
 
-* [`<Fragment>`](/reference/react/Fragment), alternatively written as `<>...</>`, lets you group multiple JSX nodes together.
-* [`<Profiler>`](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically.
-* [`<Suspense>`](/reference/react/Suspense) lets you display a fallback while the child components are loading.
-* [`<StrictMode>`](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early.
+* [`<Fragment>`](/reference/react/Fragment)، والتي يمكن كتابتها بديلاً عن `<>...</>`، تتيح لك تجميع عدة عناصر JSX معًا.
+* [`<Profiler>`](/reference/react/Profiler) تتيح لك قياس أداء تقديم شجرة React برمجيًا.
+* [`<Suspense>`](/reference/react/Suspense) تتيح لك عرض `fallback` أثناء تحميل عناصر الأطفال.
+* [`<StrictMode>`](/reference/react/StrictMode) يمكنك تمكين فحوصات إضافية للتطوير فقط تساعدك في العثور على الأخطاء في وقت مبكر.
 
 ---
 
-## Your own components {/*your-own-components*/}
+## مكوناتك الخاصة {/*your-own-components*/}
 
-You can also [define your own components](/learn/your-first-component) as JavaScript functions.
+يمكنك أيضًا [تعريف مكوناتك الخاصة](/learn/your-first-component) كدوال JavaScript.

From 216d28542ab30b1ee9ec5fb021700af839c0e679 Mon Sep 17 00:00:00 2001
From: A7med3bdulBaset <A7med3bdulBaset@gmail.com>
Date: Fri, 14 Jul 2023 02:49:55 +0300
Subject: [PATCH 2/3] sidebar

---
 src/sidebarReference.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/sidebarReference.json b/src/sidebarReference.json
index 5809e8fb6..e92e7f8b7 100644
--- a/src/sidebarReference.json
+++ b/src/sidebarReference.json
@@ -73,7 +73,7 @@
       ]
     },
     {
-      "title": "Components",
+      "title": "المكونات",
       "path": "/reference/react/components",
       "routes": [
         {
@@ -139,7 +139,7 @@
       "sectionHeader": "react-dom@18.2.0"
     },
     {
-      "title": "Components",
+      "title": "المكونات",
       "path": "/reference/react-dom/components",
       "routes": [
         {

From c101994ff06028c5d5b761b8f2ceb7993c76d366 Mon Sep 17 00:00:00 2001
From: A7med3bdulBaset <A7med3bdulBaset@gmail.com>
Date: Fri, 14 Jul 2023 03:09:53 +0300
Subject: [PATCH 3/3] review

---
 src/content/reference/react/components.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md
index 9587cbf6e..536d76853 100644
--- a/src/content/reference/react/components.md
+++ b/src/content/reference/react/components.md
@@ -14,8 +14,8 @@ title: "المكونات المدمجة في React"
 
 * [`<Fragment>`](/reference/react/Fragment)، والتي يمكن كتابتها بديلاً عن `<>...</>`، تتيح لك تجميع عدة عناصر JSX معًا.
 * [`<Profiler>`](/reference/react/Profiler) تتيح لك قياس أداء تقديم شجرة React برمجيًا.
-* [`<Suspense>`](/reference/react/Suspense) تتيح لك عرض `fallback` أثناء تحميل عناصر الأطفال.
-* [`<StrictMode>`](/reference/react/StrictMode) يمكنك تمكين فحوصات إضافية للتطوير فقط تساعدك في العثور على الأخطاء في وقت مبكر.
+* [`<Suspense>`](/reference/react/Suspense) تتيح لك عرض `fallback` أثناء تحميل العناصر الأبناء.
+* [`<StrictMode>`](/reference/react/StrictMode) تمكين فحوصات إضافية للتطوير فقط تساعدك في العثور على الأخطاء في وقت مبكر.
 
 ---