Update index.md #2nd

Author: AhmedBaset

src/content/reference/react/index.md

@@ -63,10 +63,10 @@ function Form() {
 
 ## خطافات التأثير (Effect) {/*effect-hooks*/}
 
-تسمح التأثيرات للمكون [بالاتصال والمزامنة مع الأنظمة الخارجية](/learn/synchronizing-with-effects). يتضمن ذلك التعامل مع الشبكة ، ومتصفح DOM ، والرسوم المتحركة ، وعناصر واجهة المستخدم المكتوبة باستخدام مكتبة واجهة مستخدم مختلفة ، وأكواد أخرى غير React.
+تسمح التأثيرات للمكون [بالاتصال والمزامنة مع الأنظمة الخارجية](/learn/synchronizing-with-effects). يتضمن ذلك التعامل مع الشبكة، ومتصفح DOM، والرسوم المتحركة، وعناصر واجهة المستخدم المكتوبة باستخدام مكتبة واجهة مستخدم مختلفة، وأكواد أخرى غير React.
 
 
-* [`useEffect`](/reference/react/useEffect) يربط مكونًا بنظام خارجي.
+* [`useEffect`](/reference/react/useEffect) يربط المكوّن بنظام خارجي.
 
 ```js
 function ChatRoom({ roomId }) {
@@ -78,10 +78,10 @@ function ChatRoom({ roomId }) {
   // ...
 ```
 
-التأثيرات Effect هي "فتحة هروب" من نموذج React. لا تستخدم التأثيرات Effect لتنظيم تدفق البيانات لتطبيقك. إذا كنت لا تتفاعل مع نظام خارجي ، [فقد لا تحتاج إلى تأثير](/learn/you-might-not-need-an-effect).
+التأثيرات هي "فتحة هروب" من أسلوب React. لا تَستخدِم التأثيرات لتنظيم تدفق البيانات لتطبيقك. إذا كنت لا تتفاعل مع نظام خارجي، [فقد لا تحتاج إلى تأثير](/learn/you-might-not-need-an-effect).
 
 
-هناك نوعان نادران من أشكال الاستخدام لل التأثير  `useEffect` مع اختلافات في توقيت الاستخدام:
+هناك نوعان نادران من أشكال الاستخدام للتأثير  `useEffect` مع اختلافات في توقيت الاستخدام:
 
 * [`useLayoutEffect`](/reference/react/useLayoutEffect) ينطلق قبل أن يعيد المتصفح اظهار الشاشة. يمكنك قياس التخطيط هنا.
 * [`useInsertionEffect`](/reference/react/useInsertionEffect) ينطلق قبل أن تُجري React تغييرات على DOM. يمكن للمكتبات إدراج CSS الديناميكي هنا.
@@ -90,13 +90,13 @@ function ChatRoom({ roomId }) {
 
 ## خطاطيف الأداء {/*performance-hooks*/}
 
-من الطرق الشائعة لتحسين أداء إعادة العرض تخطي العمل غير الضروري. على سبيل المثال ، يمكنك إخبار React بإعادة استخدام عملية حسابية مخبأة أو تخطي إعادة التصيير إذا لم تتغير البيانات منذ التصيير السابق.
+من الطرق الشائعة لتحسين أداء إعادة العرض تخطي العمل غير الضروري. على سبيل المثال، يمكنك إخبار React بإعادة استخدام نتيجة عملية حسابية مخزنة أو تخطي إعادة التصيير إذا لم تتغير البيانات منذ التصيير السابق.
 
 لتخطي العمليات الحسابية وإعادة التصيير غير الضرورية ، استخدم أحد هذه الخطافات:
 
 
-- [`useMemo`](/reference/react/useMemo) يتيح لك تخزين نتيجة عملية حسابية مكلفة .
-- [`useCallback`](/reference/react/useCallback) يتيح لك تخزين تعريف وظيفة function  قبل تمريره إلى مكون محسن.
+- [`useMemo`](/reference/react/useMemo) يتيح لك تخزين نتيجة عملية حسابية مكلفة.
+- [`useCallback`](/reference/react/useCallback) يتيح لك تخزين تعريف وظيفة function قبل تمريره إلى مكون محسن.
 
 ```js
 function TodoList({ todos, tab, theme }) {
@@ -105,25 +105,25 @@ function TodoList({ todos, tab, theme }) {
 }
 ```
 
-في بعض الأحيان ، لا يمكنك تخطي إعادة العرض لأن الشاشة تحتاج بالفعل إلى التحديث. في هذه الحالة ، يمكنك تحسين الأداء عن طريق فصل التحديثات المحظورة التي يجب أن تكون متزامنة (مثل الكتابة في أحد المدخلات) عن التحديثات غير المحظورة التي لا تحتاج إلى حظر واجهة المستخدم (مثل تحديث مخطط).
+في بعض الأحيان، لا يمكنك تخطي إعادة العرض لأن الشاشة تحتاج بالفعل إلى التحديث. في تلك الحالة، يمكنك تحسين الأداء عن طريق فصل التحديثات الحاظرة لمعالجة الكود (blocking) التي يجب أن تكون متزامنة (مثل الكتابة في أحد المدخلات) عن التحديثات غير الحاظرة (non-blocking) التي لا تحتاج إلى حظر واجهة المستخدم (مثل تحديث مخطط).
 
-لتحديد أولوية العرض ، استخدم أحد هذه الخطافات:
+لتحديد أولوية العرض، استخدم أحد هذه الخطافات:
 
-- [`useTransition`](/reference/react/useTransition) يتيح لك انتقال الحالة إلى غير المحظور والسماح للتحديثات الأخرى بالتداخل معها.
+- [`useTransition`](/reference/react/useTransition) يتيح لك اعتبار الحالة غير حاظرة والسماح للتحديثات الأخرى بالتداخل معها.
 - [`useDeferredValue`](/reference/react/useDeferredValue) يتيح لك تأجيل تحديث جزء غير مهم من واجهة المستخدم والسماح للأجزاء الأخرى بالتحديث أولاً.
 
 ---
 
 ## خطافات أخرى {/*other-hooks*/}
 
-هذه الخطافات مفيدة في الغالب لمؤلفي المكتبة ولا يتم استخدامها بشكل شائع في كود التطبيق.
+هذه الخطافات مفيدة في الغالب لمؤلفي المكتبات ولا يتم استخدامها بشكل شائع في كود التطبيق.
 
-- [`useDebugValue`](/reference/react/useDebugValue) يتيح لك تخصيص التسمية التي يعرضها React DevTools للخطاف المخصص الخاص بك.
-- [`useId`](/reference/react/useId) يتيح للمكون ربط معرف فريد بنفسه. تستخدم عادة مع واجهات برمجة إمكانية الوصول API.
-- [`useSyncExternalStore`](/reference/react/useSyncExternalStore) يتيح للمكون الاشتراك في متجر خارجي.
+- [`useDebugValue`](/reference/react/useDebugValue) يتيح لك تخصيص التسمية التي يعرضها React DevTools لخطافك الخاص.
+- [`useId`](/reference/react/useId) يتيح للمكون ربط معرف فريد بنفسه (unique ID). تستخدم عادة مع واجهات برمجة إمكانية الوصول API.
+- [`useSyncExternalStore`](/reference/react/useSyncExternalStore) يتيح للمكون الاشتراك في مُوَزّع خارجي.
 
 ---
 
 ## الخطافات الخاصة بك {/*your-own-hooks*/}
 
- يمكنك أيضًا [تحديد الخطافات المخصصة](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) الخاصة بك كوظائف JavaScript
+ يمكنك أيضًا [تعريف الخطافات المخصصة](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) الخاصة بك كدوال JavaScript.