-
Notifications
You must be signed in to change notification settings - Fork 107
[DONE] Translated "Thinking in React" #466
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.
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
Conversation
@3imed-jaberi My translation is done since I removed the label. Why is it labelled WIP? 👀 |
Translate the reference in the |
@@ -1,18 +1,18 @@ | |||
--- | |||
title: Thinking in React | |||
title: على طريقة React |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
التفكير على طريقة React
|
||
The JSON API returns some data that looks like this: | ||
واجهة JSON البرمجية أعطتك البيانات التالية: | ||
|
||
```json | ||
[ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
يفضل ترجمة الكلمات مثل فاكهة وتفاح...
* **Programming**--use the same techniques for deciding if you should create a new function or object. One such technique is the [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle), that is, a component should ideally only do one thing. If it ends up growing, it should be decomposed into smaller subcomponents. | ||
* **CSS**--consider what you would make class selectors for. (However, components are a bit less granular.) | ||
* **Design**--consider how you would organize the design's layers. | ||
* **البرمجة**--استخدم نفس الطرائق لتقرر إذا ما كان عليك إنشاء دالة (function) أو كائن. إحدى الطرائق المقصودة هي [مبدأ المهمة الواحدة](https://ar.wikipedia.org/wiki/%D9%85%D8%A8%D8%AF%D8%A3_%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9_%D8%A7%D9%84%D9%88%D8%A7%D8%AD%D8%AF%D8%A9)، والتي تشير إلى أنه في أحسن الأحوال، يكون للمكون الواحد وظيفة واحدة فقط. وكلما زادت مهمات المكون، يجب تقسيمها لمكونات فرعية أصغر. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
أحسنت في وضع الرابط العربي
|
||
* `FilterableProductTable` | ||
* `SearchBar` | ||
* `ProductTable` | ||
* `ProductCategoryRow` | ||
* `ProductRow` | ||
|
||
## Step 2: Build a static version in React {/*step-2-build-a-static-version-in-react*/} | ||
## الخطوة 2: قم ببناء نموذج مصمت بـ React {/*step-2-build-a-static-version-in-react*/} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ثابت أدق من مصمت هنا
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! 🙌 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please See my three commits to this PR
تم دمج الفرع |
Work in progress.
Translated intro through the first step.