Update index.md #3rd

Author: AhmedBaset

src/content/reference/react/index.md

@@ -4,7 +4,7 @@ title: "خطافات مدمجة في React"
 
 <Intro>
 
- تمكنك *الخطافات* (Hooks) من استخدام مزايا مختلفة من React في مكوناتك. يمكنك إما إستخدام الخطافات المدمجة (المبنية مسبقا)، او استخدامها لبناء الخطاف الخاص بك. ستريك هذه الصفحة جميع الخطافات المبنية مسبقًا في React.
+ تمكنك *الخطافات* (Hooks) من استخدام مزايا مختلفة من React في مكوناتك. يمكنك إما استخدام الخطافات المدمجة (المبنية مسبقا)، أو استخدامها لبناء الخطاف الخاص بك. ستريك هذه الصفحة جميع الخطافات المبنية مسبقًا في React.
 
 
 </Intro>
@@ -13,11 +13,11 @@ title: "خطافات مدمجة في React"
 
 ## خطافات الحالة (State) {/*state-hooks*/}
 
-تسمح *الحالة* للمكون ["بتذكر" معلومات مثل مدخلات المستخدم](/learn/state-a-components-memory). على سبيل المثال، يمكن لمكوّن النموذج Form استخدام الحالة لتخزين قيمة الإدخال، بينما يمكن لمكون معرض الصور استخدام الحالة لتخزين رقم الصورة المختارة.
+تسمح *الحالة* للمكون ["بتذكر" معلومات مثل إدخالات المستخدم](/learn/state-a-components-memory). على سبيل المثال، يمكن لمكوّن النموذج Form استخدام الحالة لتخزين قيمة الإدخال، بينما يمكن لمكون معرض الصور استخدام الحالة لتخزين رقم الصورة المختارة.
 
 لإضافة حالة إلى مكون، استخدم أحد هذه الخطافات:
 
-* [`useState`](/reference/react/useState) يعيّن متغير .حالة يمكنك تحديثه مباشرة
+* [`useState`](/reference/react/useState) يعيّن .متغير حالة يمكنك تحديثه مباشرة
 
 * [`useReducer`](/reference/react/useReducer) يعيّن متغير حالة مع منطق التحديث داخل [دالة reducer.](/learn/extracting-state-logic-into-a-reducer)
 
@@ -46,7 +46,7 @@ function Button() {
 
 ## خطافات المرجع {/*ref-hooks*/}
 
-تسمح *المراجع* للمكون [بحمل بعض المعلومات التي لا تُستخدم للعرض](/learn/referencing-values-with-refs) ، مثل عنصر DOM أو معرّف (ID) المهلة.
+تسمح *المراجع* للمكون [بحمل بعض المعلومات التي لا تُستخدم للعرض](/learn/referencing-values-with-refs) ، مثل عنصر DOM أو معرّف المهلة (timeout ID).
  على عكس الحالة ، لا يؤدي تحديث المرجع إلى إعادة تصيير المكون الخاص بك. المرجع Ref هي "فتحة هروب" من طريقة React. تكون مفيدة عندما تحتاج إلى العمل مع أنظمة غير React، مثل واجهات برمجة تطبيقات المتصفح المضمنة (BOM).
 
 
@@ -96,7 +96,7 @@ function ChatRoom({ roomId }) {
 
 
 - [`useMemo`](/reference/react/useMemo) يتيح لك تخزين نتيجة عملية حسابية مكلفة.
-- [`useCallback`](/reference/react/useCallback) يتيح لك تخزين تعريف وظيفة function قبل تمريره إلى مكون محسن.
+- [`useCallback`](/reference/react/useCallback) يتيح لك تخزين تعريف وظيفة function قبل تمريره إلى مكون محسَّن.
 
 ```js
 function TodoList({ todos, tab, theme }) {
@@ -118,7 +118,7 @@ function TodoList({ todos, tab, theme }) {
 
 هذه الخطافات مفيدة في الغالب لمؤلفي المكتبات ولا يتم استخدامها بشكل شائع في كود التطبيق.
 
-- [`useDebugValue`](/reference/react/useDebugValue) يتيح لك تخصيص التسمية التي يعرضها React DevTools لخطافك الخاص.
+- [`useDebugValue`](/reference/react/useDebugValue) يتيح لك تخصيص التسمية التي تعرضها أدوات مطوري React لخطافك المخصص.
 - [`useId`](/reference/react/useId) يتيح للمكون ربط معرف فريد بنفسه (unique ID). تستخدم عادة مع واجهات برمجة إمكانية الوصول API.
 - [`useSyncExternalStore`](/reference/react/useSyncExternalStore) يتيح للمكون الاشتراك في مُوَزّع خارجي.