في المقالة التالية سوف نلقي نظرة على كيف يمكننا إنشاء تطبيقنا الأول باستخدام ReactJS على Ubuntu 20.04 باستخدام تطبيق Create React. ReactJS هي مكتبة JavaScript مفتوحة المصدر تُستخدم لإنشاء واجهة المستخدم ، والتي يتم صيانتها بواسطة Facebook ومجتمع المطورين. يمكن استخدام ReactJS في تطوير تطبيقات الويب أو تطبيقات الهاتف المحمول.
في رياكت ، المعروف أيضًا باسم ReactJS، تتم معالجة البيانات في DOM. مطلوب مكتبات إضافية للتوجيه وإدارة الحالة لتشغيل تطبيق React. بعض الأمثلة على هذه المكتبات هي مسترجع y رد فعل راوتر.
تثبيت React على Ubuntu 20.04
لتثبيت React على نظامنا ، يجب أن نعرف أولاً ما هو npm وأن نفهم سبب حاجتنا إليها. Npm هي اختصار لـ Node Package Manager، وهو أكبر سجل برمجيات مفتوحة المصدر في العالم. يحتوي على أكثر من 800.000 حزمة كود. Npm مجاني للاستخدام ، ويمكن تنزيل أي برنامج عام واستخدامه دون تسجيل أو تسجيل دخول.
Npm هي أداة لإدارة التبعية لتطبيقات جافا سكريبتمما يساعد على تثبيت جميع المكتبات والأدوات الأخرى لدعم تطوير تطبيقات JS.
تثبيت npm
إلى تثبيت nodejs ، والذي يتضمن npm، سيتعين علينا فقط فتح محطة طرفية (Ctrl + Alt + T) وتنفيذ الأمر التالي:
sudo apt install nodejs
بعد الانتهاء من تثبيت npm ، يمكننا ذلك تحقق من إصدارك وإصدار العقدة. يمكننا القيام بذلك باستخدام الأمر:
npm -v
يعتمد إصدار npm المثبت على تاريخ التثبيت ، حيث يتم إجراء التحديث بشكل متكرر. من الضروري أن نتأكد من أن لدينا إصدارًا أعلى من 5 مثبت.
إلى تحقق من إصدار العقدة المثبت، سيكون الأمر المراد استخدامه:
node -v
إذا لم يكن لديك أحدث إصدار من npm مثبتًا على نظامك ، يمكنك تحديث Node Package Manager (npm) إلى أحدث إصدار تشغيل هذا الأمر في المحطة:
sudo npm install -g npm@latest
قم بتثبيت تطبيق create-react-app
لتثبيت بيئة React منتجة ، سنحتاج إلى تكوين أدوات مثل babel و webpack وما إلى ذلك ... وهي معقدة لتكوينها للمبتدئين في عالم React. لكن يمكننا العثور على العديد من الأدوات التي ستساعدنا في التكوين. من بينها سوف نجد إنشاء-رد-تطبيق ، وهو أسهل أداة للاستخدام والتكوين.
يعد إنشاء تطبيق React بيئة مريحة لتعلم React، وهي أفضل طريقة لبدء إنشاء تطبيق جديد من صفحة واحدة باستخدام React.
إنشاء تطبيق React تكوين بيئة التطوير الخاصة بك حتى تتمكن من استخدام أحدث ميزات جافا سكريبت ، وتوفير تجربة تطوير جيدة ، وتحسين تطبيقك للإنتاج. كما هو موضح على موقع الويب الخاص بهم ، من الضروري تثبيت Node> = 8.10 و npm> = 5.6 على جهازك.
نستطيع قم بتثبيت تطبيق create-react-app باستخدام npm. للقيام بذلك ، في المحطة الطرفية (Ctrl + Alt + T) ، سنحتاج فقط إلى تنفيذ أمر التثبيت التالي:
sudo npm install -g create-react-app
بمجرد الانتهاء من تثبيت تطبيق create-reaction-app في نظامنا ، يمكننا ذلك تحقق من الإصدار المثبت تشغيل الأمر التالي:
create-react-app --version
إنشاء أول تطبيق React
يمكن إنشاء تطبيق React الأول لدينا ببساطة باستخدام تطبيق create-response-app. سيتعين علينا فقط استخدام الأمر التالي:
create-react-app mi-primera-app
سيقوم الأمر أعلاه بإنشاء تطبيق React يسمى التطبيق الأول الخاص بي. في نفس الوقت سيتم إنشاء مجلد جديد بنفس اسم التطبيق الذي يتضمن جميع الملفات والإعدادات والمكتبات الضرورية.
تشغيل تطبيق React
بمجرد إنشاء مشروع React ، سيتعين علينا الانتقال إلى دليل المشروع وتشغيل تطبيق React باستخدام الأمر التالي في المحطة (Ctrl + Alt + T):
npm start
القيادة npm البداية ابدأ خادم التطوير الذي سينفذ عملية الإنشاء بأكملها.
ستخبرنا المحطة أنه يجب علينا ذلك افتح المتصفح وقم بتحميل التطبيق الذي سيتم تشغيله على عنوان url http: // localhost: 3000 افتراضيًا. عند فتح المتصفح ، سنرى شعار React والنصوص على الشاشة.
قم بإلغاء تثبيت create-reaction-app و npm
المستخدمين يمكننا إلغاء تثبيت أي مكتبة مثبتة من npm باستخدام الأمر npm uninstall. قم بتشغيل الأمر التالي في المحطة (Ctrl + Alt + T) لإلغاء التثبيت إنشاء رد فعل التطبيق:
sudo npm uninstall -g create-react-app
وبالمثل نستطيع إلغاء تثبيت npm باستخدام هذا الأمر الآخر في نفس المحطة:
sudo apt remove nodejs
يمكن العثور على مزيد من المعلومات حول مكتبة JavaScript هذه لإنشاء واجهات مستخدم في ملف وثائق المشروع.
محتوى ممتاز! أوبريجادو!