مقارنة بين ال Vue Js وال React وال Angular

   ,   

دائمًا ما تبهرنا الجافا سكريبت بجديدها من مكتبات وإطارات عمل واستخدامات جديدة ، دائمًا تتطور ودائمًا يزداد استخدامها لأغراض مختلفة حتى ذاع صيتها وكثر استخدامها وأصبحت واحدة من أهم لغات البرمجة في المستقبل والحاضر فهي تدخل في مجالات مختلفة من تطوير الويب سواءً في بناء الواجهة الأمامية ( Front End ) أو جزء الواجهة الخلفية ما لا يظهر للمستخدم ( Back End ) أو حتى استخداماتها في تطبيقات الأندرويد أو تطوير الألعاب وتطبيقات سطح المكتب مرورًا ببرامج الذكاء الاصطناعي وغيرهم ، نجد أنها دائمًا تنتج مكتبات جديدة حتى أنني أخاف من ظهور إصدار جديد بينما أداعب لوحة مفاتيح الحاسوب أثناء كتابة ذلك المقال 😊 ، من بين المكتبات وأطر العمل الشائعة في الجافا سكريبت والتي لطالما اشتعلت الجدالات وكثرت النقاشات حول من الأفضل بينهم وهنا أتحدث عن الVue.Js والAngular.Js والReact.Js ، ثلاث تقنيات هم الأكثر شيوعًا في العمل والاستخدام بين معشر مبرمجي الجافا سكريبت .

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

اقرأ أيضًا : لماذا الجافا سكريبت هي مستقبل اللغات البرمجية ؟

من الأفضل : الـ Vue js ام الـ React ام الـ Angular ؟
Vue vs React vs Angular

ما هي الvue.Js ؟ ما مميزاتها ؟ ما سلبياتها ؟

الvue هي مكتبة للجافا سكريبت مفتوحة المصدر ، تم إنشاءها وإطلاقها للعالم للمرة الأولى في عام 2014 من قبل " إيفان يو " أحد المطورين السابقين لدى شركة جوجل ، على الرغم من أنها أطلقت من قبل أحد الأفراد وليست من قبل شركة إلى أنها نجحت نجاحًا كبيرًا وأصبحت ذات شعبية واستخدامٍ واسعٍ بين قوم المبرمجين فتستخدمها الآن شركات كبيرة مثل شركة شاومي وعلي بابا ، تعتمد بشكل كبير على ال MVVM وهي اختصار ل Model view view model ووظيفته هي فصل جانب الUi عن مصدر البيانات Model ، تدعم كذلك الSPA وسريعة وتضم مكتبات قوية تساعد صاحبها على بناء تطبيقات ويب قوية جدًا .

أعتبر أهم مميزات الVue هي السرعة الكبيرة التي تفوق الAngular والReact في العمل وهذا يجعل الصفحات التي تمت برمجتها بواسطتها سريعة التصفح ، أيضًا فهي الأسهل والأبسط في طريقة كتابة الكود لدرجة أن لو أحد المبرمجين كان يستخدم الReact ثم قام بالتحويل إلى الVue سيشعر بسهولة كبيرة أثناء الكتابة ، الجدير بالذكر أن الVue تعتمد في كتابتها على الإصدار الحديث من الجافا سكريبت الES6 ، أيضًا من مميزاتها أنه يمكن إدراجها بسهولة داخل منصات الCMS أو في أي تطبيق أخر مبني على مكتبة معينة ، تعتمد كذلك على نظام المكونات أو ال Components كالمكتبين الأخرتين ، وإن كنت لا تعرف مفهوم المكونات فهي ببساطة أجزاء داخل الصفحة تمكنك من استخدام كل جزء بشكل منفصل ، مثلًا الHeader Component وجزء الComponent الخاص بالبحث وغيره ثم في صفحة HTML تستخدم فقط وسم الComponent ثم سيعمل بسلاسة تامة ، وهذا يمكن صديقنا المبرمج من إنشاء التطبيقات بطريقة متناغمة كذلك إعادة استخدام كل مكون في أماكن مختلفة سواءً في نفس التطبيق أو في تطبيق أخر منفصل .

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

اقرأ أيضًا : 6 مشاكل ستواجهك أثناء مسيرتك في تعلم البرمجة

ما هي الAngular ؟ ما مميزاتها ؟ ما سلبياتها ؟

ال Angular هي أول إطار عمل ( على عكس الVue والReact مكتبات ) وجزء إطار العمل يعني أنه عند إنشائك لمشروع بواسطتها فلست بحاجة إلى مكتبة خارجية من أجل استخدام مميزات جديدة ، تم تطويرها من قبل شركة جوجل عام 2009 ، وأول استخدامٍ لها كان في صفحات الويب البسيطة التي تعمل دون تحديث الصفحة ، في عام 2016 تم إطلاق إصدار ثانٍ من الAngular تم تطويره من الصفر فلا علاقة له بالإصدار الأول وحاليًا أخر إصدار لها وقت كتابة هذا المقال هو Angular 11 ، تعتمد أكثر من شركة على إطار العمل Angular مثل Wix و Microsoft Office و Upwork وغيرهم .

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

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

اقرأ أيضًا : مجموعة من أشهر الخرافات الشائعة عن تعلم البرمجة

ما هي الReact ؟ ما مميزاتها ؟ ما سلبياتها ؟

الReact هي مكتبة مفتوحة المصدر ، أطلقت عام 2013 من قبل فيسبوك ، في البداية كان خاص بالفيسبوك فقط إلا أنها أطلقته لعامة المطورين من كل أنحاء العالم ، تُعتبر الReact الأكثر شهرةً واستخدامًا بين الثلاث تقنيات فتستخدمها شركات كبيرة مثل بايبال وإنستغرام وتويتر ويوديمي وذلك لمميزاتها الكثيرة خصوصًا وأنها متعددة الاستخدام سواءً في الويب أو حتى تطبيقات الهواتف من خلال الReact Native التي أثبتت فاعليتها بقوة تجاه هذا المجال .

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

ربما لم نتعمق في الحديث عن الرياكت ...ذلك لأننا طرحنا مقالًا سابقًا حولها ، تحدثنا فيه عن مميزاتها وسلبياتها واستخداماتها كذلك مستقبلها ، مقال شاملٌ ووافيٌ وكاف ننصحك بزيارته في حال أردت التعرف عن المزيد حول هذه المكتبة القوية .

وفي هذا السياق : ما هي الرياكت ؟ ما مميزاتها ؟ لماذا هي المستقبل ؟ ( React )

وصلنا إلى نهاية المقال ... أي واحدة منهم تفضل الاستخدام الReact أم الVue أم الAngular وكيف ترى كل واحدةٍ منهم ، شاركنا بذلك في التعليقات فسنكون سعداء بذلك . 

ليست هناك تعليقات:

إرسال تعليق