كيفية تثبيت React على Ubuntu 20.04

في هذه المقالة ، سنشرح كيفية تثبيت React على Ubuntu 20.04.

React هي مكتبة جافا سكريبت مفتوحة المصدر وواجهة أمامية لبناء واجهات المستخدم أو مكونات واجهة المستخدم. تتم صيانته بواسطة Facebook ومجتمع من المطورين والشركات الفردية.

ستوجهك هذه المقالة في عملية التثبيت ونشر موقع React.

المتطلبات الأساسية

• خادم مخصص مثبت على Ubuntu 20.04 أو KVM VPS.
• مستخدم جذر أو مستخدم عادي له امتيازات مسؤول sudo.

قم بتثبيت React على Ubuntu 20.04

الخطوة 1 - حافظ على الخادم محدثًا

# apt update -y && apt upgrade -y

الخطوة الثانية - تثبيت NodeJS و NPM

قم بتثبيت أحدث إصدار مستقر من NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

تحقق من نجاح التثبيت.

# node -v && npm -v

انتاج:

v15.9.0
7.5.4

الخطوة 3 - تثبيت إنشاء تطبيق رد فعل

في هذه المقالة ، سنستخدم أداة إنشاء التطبيق. إنها أسهل وأرقى أداة مع تكوينات درجة الإنتاج مسبقة الصنع. إنها بيئة مريحة لتعلم React ، وهي أفضل طريقة لبدء إنشاء تطبيق جديد من صفحة واحدة في React.

# npm install -g create-react-app

تحقق من التثبيت:

# create-react-app --version

انتاج:

4.0.2

الخطوة 4 - نشر تطبيق React

إنشاء تطبيق رد الفعل باستخدام الأمر التالي:

# npx create-react-app my-app

ابدأ خادم التطوير

بمجرد تثبيت تطبيق React ، انتقل إلى الدليل الجذر لمشروعك وابدأ خادم التطوير باستخدام الأمر التالي:

# cd my-app

# npm start

يمكنك الآن عرض تطبيقي في المتصفح.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

يبني

يجمع التطبيق في ملفات ثابتة للإنتاج. قم بتشغيل الأمر التالي:

# npm run build

هذا كل شيء. تم الانتهاء من التثبيت بنجاح.

في هذه المقالة ، رأينا كيفية تثبيت React على Ubuntu 20.04.