d6a160445e
* fix: converted single to triple backticks13 * fix: added prefix Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: removed language in wrong place Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: add language postfix Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: removed language in wrong place Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>
38 lines
1.6 KiB
Markdown
38 lines
1.6 KiB
Markdown
---
|
|
title: Installation
|
|
localeTitle: التركيب
|
|
---
|
|
## تثبيت React
|
|
|
|
### إنشاء مشروع React جديد
|
|
|
|
يمكنك ببساطة تضمين مكتبة React في صفحتك على الويب مثل 2 :
|
|
|
|
```html
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/cjs/react.production.min.js"></script>
|
|
```
|
|
|
|
يريد المبرمجون الأذكياء توفير طريقة أكثر عملية وإنتاجية: [إنشاء تطبيق React](https://github.com/facebookincubator/create-react-app)
|
|
|
|
```bash
|
|
npm install -g create-react-app
|
|
create-react-app my-app
|
|
|
|
cd my-app
|
|
npm start
|
|
```
|
|
|
|
سيؤدي ذلك إلى تجهيز بيئة التطوير الخاصة بك محلياً بحيث يمكنك استخدام أحدث ميزات JavaScript ، وتوفير تجربة رائعة للمطورين ، وتحسين إنتاجيتك.
|
|
|
|
`npm start` تقوم بتشغيل خادم تطوير يسمح `npm start` بالتحديث الحي 3 .
|
|
|
|
بعد الانتهاء من المشروع وجاهزيتك لنشر تطبيقك على منصة الإنتاج، يمكنك استخدام `npm run build` للبناء الأمثل لتطبيقك في `build` المجلد.
|
|
|
|
#### روابط مفيدة
|
|
|
|
[إنشاء مستودع React App](https://github.com/facebookincubator/create-react-app#create-react-app-)
|
|
|
|
#### مصادر
|
|
|
|
[1\. رد فعل البرنامج التعليمي على تثبيت](https://reactjs.org/docs/installation.html) [2\. قم بالارتباط بمكتب React minimal JavaScript على cdnjs.org](https://cdnjs.com/libraries/react) [3\. npm تبدأ القيادة](https://docs.npmjs.com/cli/start)
|