اذهب إلى المحتوى

السؤال

Recommended Posts

  • 1
نشر

يوجد عدة طرق لاستخدام مكتبة React JS:

  • إضافة React إلى تطبيق ويب موجود أو باستخدام CDN:
يتم تضمين الروابط التالية ضمن ترويسة الصفحة الأساسية لمشروعك قبل إغلاق الوسم Body

...
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>  
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>

<script src="test.js"></script> //نقوم بتضمين ملف إضافي لكتابة الشيفرة البرمجية الخاصة
...
</body>


//ضمن ملف test.js
//يمكنك تجربة عمل المكتبة بالمثال التالي

const domContainer = document.querySelector('#like_button_container');
const root = ReactDOM.createRoot(domContainer);
root.render(e(LikeButton));
  • من خلال مدير الحزم NPM:
npx create-react-app my-app

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

يمكنك إيجاد المزيد من التفاصيل ضمن الإجابات التالية:

أما الدورات والدروس التعليمية فتختلف للطريقة التي ترغب بالتعلّم بها، إما بالبحث عن فيديوهات تعليمية أو قراءة التوثيق الرسمي للمكتبة واتباع الخطوات وتطبيقها في مشاريع علمية. يمكنك الاطلاع على دليل تعلّم رياكت التالي:

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...