translate reference react index page #477
Conversation
Size changes📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
src/content/reference/react/index.md
Outdated
| ## State Hooks {/*state-hooks*/} | ||
| ## خطافات الحالة {/*state-hooks*/} | ||
|
|
||
| تسمح *الحالة* للمكون ["بتذكر" معلومات مثل مدخلات المستخدم](/learn/state-a-components-memory). على سبيل المثال ، يمكن لمكون النموذج Form استخدام الحالة لتخزين قيمة الإدخال ، بينما يمكن لمكون معرض الصور استخدام الحالة لتخزين فهرس الصور المحدد. |
There was a problem hiding this comment.
من الأخطاء المتكررة: وضع مسافة قبل الفاصلة ووضع أكثر من مسافة بين الكلمتين.
src/content/reference/react/index.md
Outdated
|
|
||
| * [`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) |
There was a problem hiding this comment.
إن استخدمت الفعل "يعين" فلا حاجة لحرف الجر "عن"
src/content/reference/react/index.md
Outdated
| @@ -41,12 +44,14 @@ function Button() { | |||
|
|
|||
| --- | |||
|
|
|||
| ## Ref Hooks {/*ref-hooks*/} | |||
| ## الخطافات المرجع {/*ref-hooks*/} | |||
There was a problem hiding this comment.
يفضل استخدام نفس المصطلح عند تكراره.
فمثلا أنت استخدمت:
- خطافات الحالة.
- خطاطيف السياق.
- الخطافات المرجع.
استخدم في الجميع لفظا واحدا
There was a problem hiding this comment.
بعض الكلمات تُرجمت ترجمة حرفية
مثل node ترجمت على أنها عقدة والسياق يقتضي كونها عنصر.
وكذلك paradigm
There was a problem hiding this comment.
يُفضل وضع النص الإنجليزي للمصطلحات التي تستخدم لأول مرة. مثلا:
State Hooksإلى
خطافات الحالة (State)| @@ -97,25 +105,25 @@ function TodoList({ todos, tab, theme }) { | |||
| } | |||
| ``` | |||
|
|
|||
| 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). | |||
There was a problem hiding this comment.
blocking
اسم فاعل وليس اسم مفعول فهي هنا حاظرة وليست محظورة
src/content/reference/react/index.md
Outdated
|
|
||
| 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 |
There was a problem hiding this comment.
Please checkout my commits to this PR.
There was a problem hiding this comment.
هذا الطلب الأخير مهم جدا
There was a problem hiding this comment.
في المرة القادمة التي تترجم صفحة يجب أن تترجم أيضًا فهرسها في src/sidebar reference.json.
|
تم دمج الفرع يمكنك ترجمة صفحة جديدة 👍🏻 |
No description provided.