recent
أخبار ساخنة

ما هي مكتبة رياكت وما استخداماتها

GitAgri
الصفحة الرئيسية

مرحبا بكم متابعي مدونة كبسولة البرمجة , في هذا المقال سنتعرف على مكتبة رياكت React.js وسنتعرف على مميزاتها واستخداماتها .





ما هي الرياكت  React.js

مكتبة رياكت React.js هي مكتبة مبنية على لغة جافاسكريبت javaScript تم تطويرها من طرف شركة فيسبوك facebook وتحديدا من طرف المهندس Jordan Walke , وتستخدم مكتبة رياكت react.js في لتصميم واجهات للمواقع والتطبيقات عن طريق لغة الجافاسكريبت javascript وتعتمد فلسفة رياكت react.js على تقسيم واجهات المواقع والتطبيقات الى عناصر واجزاء اعتمادا على مبدء Single page application الهذف الاساسي من تقسيم الواجهات لعناصر هو امكانية اعادة استخدام اي عنصر في جزء اخر من الموقع في اي وقت , ويتم نقل البيانات من جزء لاخر عن طريق الجافاسكريبت javascript .


ما الغرض من استخدام مكتبة رياكت React.js 

كل شخص يتقن تقنيات الويب مثل html و css و javascript يمكنه تعلم مكتبة رياكت react.js بكل سلاسة على عكس الاطر الاخرى مثل angular و ember حيت يطلق عليهم domain specific language وهذا ان كان يدل على شيء فانما يدل على الصعوبة التي يواجهها المطورين في تعلم هذه التقينات رغم ان صعوبتهما تعتبر طفيفة نوعا ما , يمكن عن طريق مكتبة رياكت react.js تطوير تطبيقات للهواتف الذكية عن طريق مكتبة react native التي تعتمد على مكتبة رياكت react.js , انا هذه الاخيرة تدعم اعدة الاستخدام كما اشرناه اليه قبل قليل وبهذا يمكننا انشان موقع ويب وتطبيق موبايل بنفس الكود مع تغييرات طفيفة بين الموقع والتطبيق .

مميزات مكتبة رياكت React.js


  1. تعتمد رياكت react.js على واجهة تعتمد على المكونات components 
  2. بالاعتماد على رياكت react.js تستطيع بناء واجهات تفاعلية ومميزة 
  3. تعدد استخدمات المكتبة حيت يمكن استخدمها في الويب وفي برمجة تطبيقات الهواتف الذكية 
  4. يمكن تبادل البيانات بكل سهولة مع عناصر الواجهة ببعضها البعض 
  5. عن طريق الجافاسكريبت يمكن ارسال معلومات من مكون الى اخر بسرعة دون حاجة الى قوالب جاهزة 
  6. يمكن بناء تطبيقات قوية و امنة عن طريق رياكت وبيئة Node.js .



تنصيب مكتبة رياكت React.js

لتنصيب مكتبة رياكت react.js على جهازنا نحتاج الى اداة تسمى npm وهي اختصار ل node package manager هذه الاداة لتنصيب المكتبات والادوات التي نحتاجها في مشاريعنا , هذه الاداة تاتي مع Node.js عندما تقوم تنصيب هدا الاخير ستجد ايضا اداة npm تم تنصيبها تلقائيا , لتنصيب Node.js اتجه الى الموقع الرسمي الخاص به من هنا  وقتم بتحمل نسخة LTS  وهي اختصار ل Long Time Support وبعدها قم بتثبيته في الجهاز , للتاكد انه تم تنصيب اداة npm يمكنك تنفذ الامر التالي في cmd او الترمنال .
 
npm -v

بعد تنصيب اداة npm تاتي معاها تلقائيا  اداة npx وهي التي سنستخدمها لانشاء تطبيق رياكت react.js قم بالذهاب الى cmd او الترمنال واختار المكان الذي تريد وضع المشروع الخاص بك عن طريق cd ثمن قم بتنفيذ الامر التالي :


npx create-react-app firstApp

بعد الانتهاء من انشاء المشروع قم بالدخول الى ملف المشروع عن طريق الامر cd firstapp ثم قم بتشغيل الامر التالي : 


npm run start 

  ملاحضة يمكن انشاء المشروع عن طريق اداة yarn بدلا لاداة npm
بعد تنفيذ هذا الامر سيتم تشغيل المشروع على المتصفح ومن ثم يمكنك التعديل المشروع والبدء في تطوير مواقع وتطبيقات خاصة بك . 

الى هنا نصل الى نهاية مقال اليوم اتمنى انكم استفذتم منه ولو بمعلومات قليلة , اذا كانت عندك اي تساؤلات لا تنسى طرحها في التعليقات او عن طريق صفحة اتصل بنا ولا تنسى مشاركة المقال مع اصدقائك لتعم الفائدة 
 
google-playkhamsatmostaqltradent