العثور على أفضل أداة للواجهة الأمامية لعام 2021

من المرجح أن يواجه أي شخص يبدأ حياته المهنية في تطوير البرمجيات تحدي اختيار لغة أو إطار عمل أو صندوق أدوات أول. أنا متأكد من أن كل واحد منكم على دراية بهذا. ليس من السهل العثور على إجابة سؤال ما يجب دراسته أولاً. الشيء هو أن هناك العديد من اللغات والأدوات المساعدة في صناعة البرمجة. من أجل تسهيل اختيار الأدوات لهؤلاء المبرمجين الذين يركزون على تطوير الواجهة الأمامية باستخدام JavaScript ، قررت التحدث عن ثلاث أدوات JS شائعة. سأتحدث عن Angular و React و Vue. أولاً ، سأقدم لك بعض الأبحاث التي ستساعدنا على فهم "توازن القوة" في مجال تطوير الويب الحديث. وبعد ذلك سأتحدث عن مزايا وعيوب هذه الأدوات.











بحث Stack Overflow





معلومات عن الأطر على شبكة الانترنت والمكتبات للبحث المكدس تجاوز 2019



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



بيانات مشروع اتجاهات NPM





مقارنة React و Vue و Angular باستخدام مشروع اتجاهات NPM



تم إنشاء الرسم البياني أعلاه باستخدام إمكانات مشروع NPM Trends . يوضح هذا التغيير في عدد التنزيلات للحزم المعنية بمرور الوقت. على وجه الخصوص ، يوضح الرسم البياني الخاص بنا بيانات 6 أشهر من عام 2020. هنا يمكنك أن ترى بوضوح أن React ، وفقًا للمؤشر المدروس ، تتفوق بشكل كبير على منافسيها. ومن ناحية أخرى ، فإن عدد تنزيلات Vue يتزايد تدريجياً ويبلغ الآن حوالي 1.5 مليون.



تتيح لك NPM Trends تحليل ليس فقط عدد تنزيلات الحزم من NPM ، ولكن أيضًا بيانات المشاريع المقابلة المأخوذة من GitHub. يوضح الشكل التالي معلومات حول مستودعات أدوات الواجهة الأمامية ذات الأهمية.





فهم المستودعات React و Vue و Angular



دولة بحث JavaScript



باستخدام نتائج استطلاع حالة JavaScript لعام 2019 ، يمكننا الاستمرار في مقارنة الأدوات التي نهتم بها. يوضح الشكل التالي تقريرًا يوفر معلومات حول مواقف المستجيبين تجاه React و Vue و Angular. عند تقييم إطار عمل أو مكتبة ، يمكنهم اختيار إجابات مختلفة. على سبيل المثال ، من بينها: "لقد استخدمت وسأستخدم" ، "سمعت وأرغب في الدراسة" ، "لم أسمع أبدًا".





موقف المستجيبين في استطلاع State of JavaScript من الأطر والمكتبات



كما ترون ، يتخطى React and Vue Angular من حيث المؤشر الذي يميز خيار الإجابة "لقد استخدمت وسأستخدم".



الزاوي





Angular (وفقًا لـ State of JavaScript 2019)



بالنسبة لي ، Angular هو الإطار الذي بدأت منه رحلتي إلى عالم تطوير البرمجيات. ولست نادمًا على اختيار هذا الإطار المحدد. يمكن اعتبار Angular ، مقارنة بالأدوات الأخرى التي تمت مراجعتها هنا ، أكثر نضجًا مما هي عليه الآن. تم تشكيل مجتمع أكبر حولها. بالإضافة إلى كونه جزءًا من حزمة MEAN الشهيرة ، فإن هذا الإطار يمنح المطور أيضًا الكثير من الميزات الرائعة. هذه ، على سبيل المثال ، ربط البيانات ثنائي الاتجاه ، وإدخال التبعية ، وهندسة MVC ، و Angular CLI ، ودعم TypeScript ، ودعم التوجيه ، وما إلى ذلك.



ولكن في السنوات القليلة الماضية ، مع تزايد شعبية المنافسين مثل React و Vue ، فقدت Angular جزءًا من شعبيتها السابقة. والسبب في ذلك هو أن Angular هو إطار عمل ثقيل إلى حد ما. إنه لا يرقى إلى مستوى توقعات المبرمجين من نواح كثيرة. هذه هي ميزات إصدار إصداراته الجديدة ، والدعم المحدود لـ SEO ، والصعوبات في دراسته. هذا هو السبب في أن مطوري الواجهة الأمامية يختارون بشكل متزايد Vue أو React هذه الأيام. لكن Angular لا يزال مستخدمًا في العديد من مشاريع الويب الشائعة. هذه ، على سبيل المثال ، مشاريع Guardian و Upwork و PayPal و Sony. نحن نتحدث عن مواقع جادة كبيرة كان أداء Angular فيها جيدًا.



Angular يستحق النظر في المواقف التالية:



  • تطوير المشاريع الكبيرة.
  • الحاجة إلى بنية قابلة للتطوير.
  • مهتم باستخدام TypeScript.
  • إنشاء تطبيقات في الوقت الفعلي.


تتفاعل





React (وفقًا لـ State of JavaScript 2019)



، تم تصنيف React ، وفقًا لبحوث State of JavaScript ، في المرتبة الأولى في جميع التصنيفات لمدة ثلاث سنوات متتالية. تم إصدار مكتبة React بواسطة Facebook في عام 2013. كان هدف React هو تقسيم واجهة المستخدم إلى مجموعة من المكونات لتبسيط عملية التطوير. تتمثل إحدى مزايا React في القدرة على استخدام هذه المكتبة لتطوير تطبيقات أصلية. تشمل نقاط القوة الأخرى لهذه المكتبة مجتمعًا كبيرًا ، ودعمًا من Facebook ، ونظامًا بيئيًا كبيرًا ، وأداءًا عاليًا ، وآليات إعادة استخدام المكونات ، ودعم تحسين محركات البحث.



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



فيما يلي المواقف التي يمكنك فيها استخدام React:



  • بناء صفحة واحدة أو عبر تطبيقات منصة.
  • تطوير تطبيقات الشركات الصغيرة.


Vue



Vue هو مشروع حديث نسبيًا. تحول فجأة من إطار عادي إلى واحدة من أكثر أدوات تطوير الويب المحبوبة من قبل المبرمجين.





Vue (وفقًا لـ State of JavaScript 2019)



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



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



  • تطوير تطبيقات صغيرة وخفيفة الوزن (مثل Grammarly).
  • إنشاء مشاريع ذكية وعالية الأداء.
  • تطوير تطبيقات الويب في المراحل الأولى من طرحها في السوق.


النتيجة



إذا استخلصنا استنتاجات مما سبق ، فقد اتضح أن أفضل أداة للواجهة الأمامية ، وبالتالي ، والتي تستحق التعلم في عام 2021 ، هي React. يليه Vue. لكن الاحتمالات كبيرة أنه بدلاً من Vue ، يمكن أن تتبع Angular بـ React. ظل هذا الإطار موجودًا لفترة أطول من Vue. لا يبدو أن Angular سيختفي في عام 2021. لذلك ، إذا كنت مطور Angular ، فإنني أنصحك ، أثناء التحضير لعام 2021 ، بالبدء في تعلم React.



ما هي أدوات الويب التي تعتقد أنها ستكون مطلوبة بشدة في عام 2021؟






All Articles