كيفية ربط jQuery بال React

أجل بالطبع يمكنك ذلك حيث في نهاية المطاف الجي كويري والreact يظلان مجرد مكتبات للجافاسكريبت, فبالتالي يمكنك إستخدامهم سويًا ويكون بالشكل التالي:

خطوات تثبيت الجي كويري في تطبيق React.js

1. تثبيت الجيكويري عبر مدير الحزم npm عن طريق إستعمال الأمر 

   npm install jquery --save

    

2. بعدها نقوم بعمل إستيراد للمعامل $ عبر الشفرة التالية 

   import $ from 'jquery';

    

3. ومن ثم يمكنك إستخدامها كما تفعل في تطبيقات الجافاسكريبت بشكلٍ إعتيادي 

   $("button").click(function(){
       $.get("demo_test.asp", function(data, status){
           alert("Data: " + data + "\nStatus: " + status);
       });
   });

    

ولكن السؤال الحقيقي هل يجب عليك فعل هذا؟

عيوب إستخدام الجي كويري في الreact

مبدأيًا دعنا نتعرف على أحد مبادئ هندسة البرمجيات وهو مبدأ المسؤلية الواحدة (single responsbility) والذي ينص على أن في أي نظام يجب أن يكون كل قطعة في النظام مسؤلة عن أمر واحد فقط , وبالمثل كل أمر يكون مسؤل عنه قطعة واحدة فقط 

ما علاقة هذا بإستخدام الجيكويري؟  

حسنًا في الحقيقة أن الreact تقوم بعمليات معالجة الDOM ولكن عبر الخفاء بشكلٍ لا تراه نسبيًا, فكل ما عليك فعله فقط هو تعريف الstate ومن ثم تقوم الreact بمعالجة الDOM وفقًا لتغير ذلك الstate بشكلٍ تلقائي, بينما الجيكويري تقوم بمعالجة الDOM بشكلٍ يدوي حيث يجب عليك كتابة كل سطر من الشفرة البرمجية لتنفيذ أوامر المعالجة المطلوبة, المشكلة في ذلك أننا الأن أصبح لدينا قطعتين في النظام يقومون بنفس الوظيفة وبالتالي هذا يؤثر على الأداء بالإضافة إلى أنه يؤدي إلى نتائج غير متوقعة في كثيرٍ من الأحيان

نعم يمكنك ذلك  بإتباع الخطوات التالية :

اولاً نفذ الأمر التالي في موجه الأوامر لتحميل المكتبة

npm install jquery --save

ثم يمكنك كتابة كود jquery في أي ملف jsx 

import $ from 'jquery';//هنا نقوم باستيراد هذا الرمز من مكتبة ال jquery


 componentDidMount() {
	$("button").click(function(){
  		// jquery code
	});
}