Skip to content

translate reference react index page #477

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AhmedBaset merged 4 commits into from
May 31, 2023
Merged

translate reference react index page #477

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
93c9a54
translate reference react index page
aalhommada May 2, 2023
179d22b
Update index.md #1st
AhmedBaset May 31, 2023
cc256f8
Update index.md #2nd
AhmedBaset May 31, 2023
474f322
Update index.md #3rd
AhmedBaset May 31, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Update index.md #3rd
  • Loading branch information
@AhmedBaset
AhmedBaset authored May 31, 2023
commit 474f32207cc7c3e3f51f1e0ccc8cc69c621f9907
12 changes: 6 additions & 6 deletions src/content/reference/react/index.md
View file
Open in desktop

@AhmedBaset AhmedBaset May 31, 2023

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

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

@AhmedBaset AhmedBaset May 31, 2023

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

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

 State Hooks

إلى

خطافات الحالة (State)

Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: "خطافات مدمجة في React"

<Intro>

تمكنك *الخطافات* (Hooks) من استخدام مزايا مختلفة من React في مكوناتك. يمكنك إما إستخدام الخطافات المدمجة (المبنية مسبقا)، او استخدامها لبناء الخطاف الخاص بك. ستريك هذه الصفحة جميع الخطافات المبنية مسبقًا في React.
تمكنك *الخطافات* (Hooks) من استخدام مزايا مختلفة من React في مكوناتك. يمكنك إما استخدام الخطافات المدمجة (المبنية مسبقا)، أو استخدامها لبناء الخطاف الخاص بك. ستريك هذه الصفحة جميع الخطافات المبنية مسبقًا في React.


</Intro>
Expand All @@ -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)

Expand Down Expand Up @@ -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).


Expand Down Expand Up @@ -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 }) {
Expand All @@ -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) يتيح للمكون الاشتراك في مُوَزّع خارجي.

Expand Down