diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md
index 7ce3fab63..536d76853 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.
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": [
         {