translate components

Author: AhmedBaset

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.