translate reference react index page by aalhommada · Pull Request #477 · reactjs/ar.react.dev

@aalhommada

@aalhommada

@AhmedBaset

@github-actions

Size changes

Details

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

@AhmedBaset

AhmedBaset

## State Hooks {/*state-hooks*/}
## خطافات الحالة {/*state-hooks*/}

تسمح *الحالة* للمكون ["بتذكر" معلومات مثل مدخلات المستخدم](/learn/state-a-components-memory). على سبيل المثال ، يمكن لمكون النموذج Form استخدام الحالة لتخزين قيمة الإدخال ، بينما يمكن لمكون معرض الصور استخدام الحالة لتخزين فهرس الصور المحدد.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

من الأخطاء المتكررة: وضع مسافة قبل الفاصلة ووضع أكثر من مسافة بين الكلمتين.


* [`useState`](/reference/react/useState) declares a state variable that you can update directly.
* [`useReducer`](/reference/react/useReducer) declares a state variable with the update logic inside a [reducer function.](/learn/extracting-state-logic-into-a-reducer)
* [`useReducer`](/reference/react/useReducer) يعيّن عن متغير حالة مع منطق التحديث داخل [reducer function.](/learn/extracting-state-logic-into-a-reducer)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

إن استخدمت الفعل "يعين" فلا حاجة لحرف الجر "عن"

---

## Ref Hooks {/*ref-hooks*/}
## الخطافات المرجع {/*ref-hooks*/}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

يفضل استخدام نفس المصطلح عند تكراره.
فمثلا أنت استخدمت:

  • خطافات الحالة.
  • خطاطيف السياق.
  • الخطافات المرجع.
    استخدم في الجميع لفظا واحدا

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

بعض الكلمات تُرجمت ترجمة حرفية
مثل node ترجمت على أنها عقدة والسياق يقتضي كونها عنصر.
وكذلك paradigm

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

يُفضل وضع النص الإنجليزي للمصطلحات التي تستخدم لأول مرة. مثلا:

إلى

}
```

Sometimes, you can't skip re-rendering because the screen actually needs to update. In that case, you can improve performance by separating blocking updates that must be synchronous (like typing into an input) from non-blocking updates which don't need to block the user interface (like updating a chart).

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

blocking
اسم فاعل وليس اسم مفعول فهي هنا حاظرة وليست محظورة

## الخطافات الخاصة بك {/*your-own-hooks*/}

You can also [define your own custom Hooks](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) as JavaScript functions.
يمكنك أيضًا [تحديد الخطافات المخصصة](/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component) الخاصة بك كوظائف JavaScript

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please checkout my commits to this PR.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

هذا الطلب الأخير مهم جدا

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

في المرة القادمة التي تترجم صفحة يجب أن تترجم أيضًا فهرسها في src/sidebar reference.json.

@AhmedBaset

@AhmedBaset

تم دمج الفرع
من فضلك اقرأ التعليقات والcommits

يمكنك ترجمة صفحة جديدة 👍🏻