Get best of the week

أطر JS غير معروفة ولكن شائعة للواجهة الأمامية

منذ وقت ليس ببعيد ، عند إنشاء تطبيقات ويب ديناميكية ، استخدمنا JavaScript خالص أو jQuery للعمل مع DOM. منذ ذلك الحين ، ظهرت العديد من أطر عمل جافا سكريبت والمكتبات. فهي تساعد على تطوير المشاريع التي تتجاوز جاذبيتها وملاءمتها لما كانت عليه من قبل. يرغب كاتب المقال ، الذي ننشر ترجمته اليوم ، في الحديث عن العديد من أطر عمل ومكتبات قوية ولكنها غير معروفة على أساس جافا سكريبت. بالطبع ، الثلاثة الكبار ، ممثلة بـ Angular و React و Vue ، لم تذهب إلى أي مكان ، ولكن في عالم تطوير الويب هناك أدوات أخرى تستحق الاهتمام. مثل Svelte و Preact و Riot



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

ممشوق



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

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

▍ الميزات الرئيسية


  • أداء مذهل
  • يبني صغيرة
  • التوفر
  • نظام تغليف النمط القياسي
  • انتقالات تعريفية
  • DOM

Ember



Ember.js - هذا هو إطار عمل ممتاز آخر للعميل يسرع تطوير تطبيقات الويب ، ويزيل العبء عن المطور لأداء إجراءات قياسية متكررة. يسمح للمبرمجين بالعمل مع ميزات JavaScript المتقدمة.

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

توفر إضافات Ember للمطور العديد من المكونات الإضافية التي تسمح لك بتوسيع إمكانات التطبيقات. يمكن استخدام نظام Ember Concurrency ، على سبيل المثال ، لكتابة كود غير متزامن موثوق. و Simple Auth هو ملحق يقوم بتنفيذ العديد من طرق المصادقة. تسمح لك أداة نشر Ember CLI بتطبيق منطق النشر المدعوم الذي يمكن إعادة استخدامه.

▍ الميزات الرئيسية


  • خط أنابيب تجميع المشروع القياسي
  • أفضل نظام توجيه بين الأدوات المماثلة
  • أدوات البيانات المتقدمة
  • نظام اختبار شامل
  • دورة إطلاق لمدة ستة أسابيع

Preact



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

بالإضافة إلى ذلك ، تعد Preact واحدة من أسرع مكتبات العملاء ، وتتميز بالحجم المتواضع والأداء العالي.

▍ الميزات الرئيسية


  • دعم لفئات ES6 والخطافات والمكونات الوظيفية
  • دعم JSX و DOM الظاهري وأدوات المطور
  • تقديم عرض خادم قياسي
  • دعم المتصفحات الحديثة (IE11 +)

أعمال شغب



Riot هي مكتبة تطوير واجهة مستخدم بسيطة وأنيقة تعتمد على المكونات. يسمح لك باستخدام عناصر مخصصة في جميع المتصفحات الحديثة دون الحاجة إلى ملفات متعددة. تساعد هذه المكونات في دمج HTML وجافا سكريبت لتكوين كيانات مناسبة لإعادة الاستخدام. بنية Riot نظيفة ومصممة بحيث يسهل على المطور فهمها.

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

▍ الميزات الرئيسية


  • الأداء العالي وإمكانية التنبؤ
  • القرب من معايير الويب
  • علاقة جيدة مع أدوات التطوير
  • بناء جملة لطيف
  • سرعة تعلم عالية
  • حجم متواضع
  • نظام بيئي معياري قوي

أوريليا



Aurelia عبارة عن إطار عمل JavaScript حديث من جانب العميل لتطوير تطبيقات الويب ومشاريع الهاتف المحمول وسطح المكتب. يتم إنشاء التطبيقات التي تستخدم Aurelia من خلال تجميع مكونات بسيطة استنادًا إلى JavaScript خالص أو TypeScript ورمز HTML المقابل.

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

▍


  • , ,

Mithril



Mithril.js هو إطار JS حديث من جانب العميل مصمم لتطوير تطبيقات الويب ذات الصفحة الواحدة. إنه صغير الحجم (9.79 كيلو بايت) ، ويدعم التوجيه و XHR.

يتم استخدامه من قبل شركات مثل Nike و Vimeo. ومن بين التقنيات التي يدعمها JSX و ES6 + والرسوم المتحركة والاختبار.

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

▍ الميزات الرئيسية


  • أداء عالي للغاية
  • دعم DOM الافتراضي
  • دعم دورة حياة المكونات

ملخص


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

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

القراء الأعزاء! هل تستخدم أي أطر عمل أو مكتبات غير مدرجة في الثلاثة الكبار؟

More articles:


All Articles