[Done] Translate Start a New React Project
#474
Conversation
I-3B
changed the title
|
please, remove the English text. |
AhmedBaset
added
need-review
and removed
update needed
I-3B
changed the title
Start a New React Project
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! 🙌 |
|
|
||
| <TerminalBlock> | ||
| npx create-next-app | ||
| </TerminalBlock> | ||
|
|
||
| If you're new to Next.js, check out the [Next.js tutorial.](https://nextjs.org/learn/foundations/about-nextjs) | ||
| لتعلم Next.js ، إطلع على [الدرس تعليمي لـ Next.js](https://nextjs.org/learn/foundations/about-nextjs) |
There was a problem hiding this comment.
"إطلع": الصواب أن تكون بهمزة وصل "اطلع"
|
|
||
| You can definitely use React without a framework--that's how you'd [use React for a part of your page.](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) **However, if you're building a new app or a site fully with React, we recommend using a framework.** | ||
| يمكن بالتأكيد استخدام React بدون إطار عمل - هكذا [ستستخدم React لجزء من صفحتك](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) **لكن إذا كنت تريد بناء تطبيق أو موقع جديد باستخدام React كلياً ، فننصح باستخدام إطار عمل.** |
There was a problem hiding this comment.
هكذا ستستخدم => كما يمكنك استخدام
|
|
||
| ### Next.js (App Router) {/*nextjs-app-router*/} | ||
| **[موجه تطبيق Next.js](https://beta.nextjs.org/docs/getting-started) هو عبارة عن إعادة تصميم للواجهات البرمجية (APIs) الخاصة بـNext.js بهدف تحقيق رؤية فريق React للمعمارية الكاملة (full-stack).** يتيح لك جلب البيانات في مكوّنات غير متزامنة (asynchronous components) تعمل على الخادم أو حتى أثناء البناء. |
There was a problem hiding this comment.
App Router
هو اسم للإصدار 13 من next.js لا يحتاج للترجمه
|
|
||
| ```js | ||
| // This component runs *only* on the server (or during the build). | ||
| // هذا المكّون يتم تنفيذه فقط على المخدّم (أو خلال البناء) |
There was a problem hiding this comment.
المخدم => الخادم
تكررت كثيرا
There was a problem hiding this comment.
do we have a table or something similar to lookup words like this which may have more than one translation(خادم <=> مخدم، دالة <=> تابع)?
I looked at the glossary but there is nothing like that.
There was a problem hiding this comment.
|
|
||
| ```js | ||
| <Suspense fallback={<TalksLoading />}> | ||
| <Talks confId={conf.id} /> | ||
| </Suspense> | ||
| ``` | ||
|
|
||
| Server Components and Suspense are React features rather than Next.js features. However, adopting them at the framework level requires buy-in and non-trivial implementation work. At the moment, the Next.js App Router is the most complete implementation. The React team is working with bundler developers to make these features easier to implement in the next generation of frameworks. | ||
| مكوّنات الخادم والتعليق هي ميزات React وليست ميزات Next.js. ومع ذلك ، فإن تبنيها على مستوى إطار العمل يتطلب دعمًا وعملًا تطبيقياً غير تافه. في الوقت الحالي ، يعد موجه تطبيقات Next.js هو التطبيق الأكثر اكتمالاً. يعمل فريق React مع مطوري أدوات التجميع لتسهيل تطبيق هذه الميزات في الجيل التالي من أطر العمل. |
There was a problem hiding this comment.
من الأخطاء المتكررة الفصلة قبلها مسافة
لا تضع مسافة قبل الفصلة
There was a problem hiding this comment.
Please checkout my commits to this PR to know the changes
|
The branch has been merged successfully |
No description provided.