[DONE]: Translating "Quick Start / Index Page" #465
Conversation
|
Hi guys, I need your help.. So I was wondering about the right place to fix the direction. should that be done by my side or what? anyone? |
|
So as mentioned in the last commit, the initial translation of all the sections of the page is complete, I kept the English version of the content, for now, to make it easier for the reviewer to know what was the original sentence and compare it with the translation I made, so I will remove it later at the end. |
In my local environment, I added these lines to [lang="ar"] :is(h1, h2, h3, h4, h5, h6, p),
[lang="ar"] :not(code, pre, .sp-layout) :is(ul, ol, li) {
direction: rtl;
} |
|
@A7med3bdulBaset |
|
Yesterday, I made a PR for that #470 with some improvements |
Yarob50
changed the title
|
@3imed-jaberi, the code is now ready for review. |
Since They used `Yarn` in the original repo. Using anything else like `npm` will generate `package-lock.json` which is not needed. Please the next time try to use yarn or make sure to not add this file in the commit.
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! 🙌 |
package-lock.json
Outdated
There was a problem hiding this comment.
Since They used Yarn in the original repo. Using anything else like npm will generate package-lock.json which is not needed.
Please use yarn in the next time or make sure to not add the lock file in the commit.
There was a problem hiding this comment.
يُفضل ترجمة النصوص والتعليقات أثناء الكود المضمن، مثلا:
<div>Welcome to my app</div>إلى
<div>مرحبًا بكم في تطبيقي</div>There was a problem hiding this comment.
استنادًا إلى قائمة المصطلحات
فإن بعض المصطلحات مثل Rendering يتم ترجمتها على أنها "تصيير".
There was a problem hiding this comment.
هذه الفقرة تحتاج لإعادة نظر
In the above example, style={{}} is not a special syntax, but a regular {} object inside the style={ } JSX curly braces. You can use the style attribute when your styles depend on JavaScript variables.
في المثال الموضح أعلاه style={{}} تمثل بناءً خاصا، يحوي بداخله كائن جافاسكريبت المعروف {} و المعرف بداخل الأقواس المعقوفة الخاصة بال JSX بداخل style={ }. يمكنك استخدام خاصية style عندما يكون التصميم لديك معتمدا على متغير جافاسكريبت.
src/content/learn/index.md
Outdated
|
|
||
| ## Updating the screen {/*updating-the-screen*/} | ||
| غالبا ستكون بحاجة أن يقوم المكوّن "بتذكر" المعلومات و عرضها على الشاشة. فمثلا، قد تحتاج إلى عرض عدد المرات التي تم فيها الضغط على زر ما. لتنفيذ ذلك قم بإضافة ما يعرف ب *حالة* أو الـ *state* الخاصة بالمكون: |
There was a problem hiding this comment.
الجملة العربية كما تعلم لا تحتاج إلى فعل مساعد، فعادة لا نستخدم "قام بصناعة كذا" وإنما نقول "صنع كذا".
كذلك الجملة "ستكون بحاجة إلى أن يقوم المكون بتذكر ..."
يمكنك أن تقول "ستحتاج أن يتذكر المكون...".
There was a problem hiding this comment.
أهنيك والله على تمكنك من اللغة العربية، شكرا لك
src/content/learn/index.md
Outdated
|
|
||
| ```js | ||
| import { useState } from 'react'; | ||
| ``` | ||
| و الآن يمكنك تعريف *متغير الحالة* أو الـ *state variable* بداخل المكوّن: |
There was a problem hiding this comment.
من الأخطاء الإملائية غير المقصودة الشائعة في الترجمة وضع مسافة بعد حرف العطف الواو "و الآن"
الصواب ألا نضع مسافة "والآن"
src/content/learn/index.md
Outdated
| In the previous example, each `MyButton` had its own independent `count`, and when each button was clicked, only the `count` for the button clicked changed: | ||
| ## مشاركة البيانات بين المكوّنات {/*sharing-data-between-components*/} | ||
|
|
||
| في المثال السابق، كل `MyButton` كان لديه حالة الـ `count` المستقلة الخاصة به، و عندما يتم الضغط على أي منهما حينها يتم تعديل الـ `count` الخاصة بذلك الزر فقط: | ||
|
|
||
| <DiagramGroup> | ||
|
|
||
| <Diagram name="sharing_data_child" height={367} width={407} alt="Diagram showing a tree of three components, one parent labeled MyApp and two children labeled MyButton. Both MyButton components contain a count with value zero."> |
There was a problem hiding this comment.
النص البديل للصور وغيرها من المكونات يحتاج للترجمة
🚧 Work in progress