في تقرير نشره موقع Stack OverFlow، تم تصنيف React كثاني أكثر أطر العمل استخدامًا في تطوير البرمجيات في عام 2019. وهي أيضًا مكتبة لغة البرمجة JavaScript الأكثر شيوعًا. هذا سبب وجيه لإلقاء نظرة فاحصة على هذه التقنية وبنائها ووظائفها واستخدامها.
ما هو React؟
تم إصدار React في 1 مارس 2013. تم إنشاؤه بواسطة جوردان والكي، مطور في فيسبوك. React هو JavaScript مكتبة البرمجة التي تم توفيرها كمصدر مفتوح المصدر. يستخدم عادةً لبناء تطبيقات الويب والواجهات الرسومية. اكتسب React شعبية بسرعة كبيرة ويستخدم حاليًا من قبل مطورو Netflix وPayPal و Imgurوغيرها. مما لا شك فيه أن استخدام هذه التقنية من قبل أكبر العلامات التجارية في العالم هو أكبر عرض لها.
الميزات الرئيسية لـ React
DOM الافتراضي (نموذج كائن المستند) هي الميزة الأكثر شيوعًا في هذا الإطار. React يخزّن DOM الخاص بالتطبيق في الذاكرة، وبعد تغيير الحالة يجد الاختلافات بين DOM الافتراضي والحقيقي ثم يقوم بتحديث التغييرات.
JSX عبارة عن تراكب JavaScript يتيح لك إدراج html مباشرة في الكود - دون الحاجة إلى سلسلة. وبالإضافة إلى ذلك، تجدر الإشارة إلى أن React تحظى بتقدير المطورين لسهولة استخدامها بسبب عدم وجود قيود، على سبيل المثال عند الجمع بين React وتقنيات أخرى. يوفر React أيضًا ترميزًا بسيطًا نسبيًا. من الناحية العملية، يركز المطورون على بناء وتكوين المكونات اللاحقة. بالإضافة إلى ذلك، هناك أيضًا العديد من المكتبات التي تعمل بشكل جيد مع React، مثل التدفق و الإعادة.
لا يفوتني أن أذكر التعليمات البرمجية التوضيحية. بمجرد كتابته، يسمح لك المكون باستخدامه مرة أخرى. هذا يكفي لاستيراده وإدخاله في المقتطف البرمجي المناسب. هل تتساءل ماذا يعني هذا؟ ببساطة، بمجرد إنشاء الشيفرة يمكن استخدامها في تطبيقات أخرى أيضًا. هذا يبسط ويقلل بشكل كبير من وقت عمل المبرمج.
عند إنشاء التطبيق، لا داعي للقلق بشأن الاختبار. في React، تتوفر بسهولة اختبارات E2E (من طرف إلى طرف) أو اختبارات الوحدة. بالنسبة لاختبار E2E، يمكنك، على سبيل المثال، استخدام أداة cypress.io، وهناك أيضًا أدوات مخصصة لاختبارات الوحدة، مع Enzyme أو مكتبة اختبار React.
لماذا يجب أن تختار React؟
إذا كنت تفكر في اختيار إطار عمل JavaScript، فضع في اعتبارك هذه النقاط المختصرة حول React.
-
من المسلم به أن مستقبل الواجهات الحديثة هي تقنية التصميم القائم على المكونات. React بسيط جدًا وأنيق. كما ذكرت من قبل، المكوّنات هي مجرد دوال/فئات بسيطة - نزوّدها ببيانات المدخلات ونستقبل المخرجات على شكل واجهة.
-
يوجد شبكة مجتمعية واسعة النطاق. هذه الحجة مهمة في المقام الأول من منظور المطور. فمن ناحية، يتيح ذلك إمكانية اكتساب المعرفة والمهارات المتاحة، ومن ناحية أخرى، فإن شبكة مطوري React واسعة النطاق بحيث يمكن العثور على حل سريع جدًا لمعظم المشاكل. بالإضافة إلى ذلك، تتزايد شعبية React، مما يعني أن هذه التقنية ستكون الخيار الأفضل قريبًا.
3. البساطة. مقارنةً بإطار عمل JavaScript آخر مشهور بنفس القدر من الشعبية - Angular - يحتوي React على واجهة برمجة تطبيقات متواضعة حقًا. إنه بلا شك خيار جيد للأشخاص الذين يبدأون مغامرتهم مع أول إطار عمل/مكتبة. عتبة الدخول أقل بالتأكيد من Angular.
4. سرعة تطوير التطبيقات. إذا كنت تهتم بالوقت، فإن React سيكون بالتأكيد خيارًا جيدًا. أعلم من تجربتي الخاصة أنه في حالة أطر عمل JavaScript، فإن عملية بناء التطبيقات هي الأسرع في React.
الملخص
كما تلاحظ، أنا من أشد المدافعين عن React. إذا كنت تبحث عن تقنية فعالة لبناء تطبيقات الويب والواجهات الرسومية، فإن React سيكون خيارًا جيدًا.
هل لديك أي أسئلة حول React ؟ راسلنا!
اقرأ المزيد: