12 مكتبات JavaScript يجب مراقبتها عام 2017
بوجود مئات من مكتبات JS المجانية ، من الصعب معرفة مكان وضع طاقتك. وينتهي بعضها بالتخلص منها أو تتفرع في مشاريع جديدة ، بينما ينمو بعضها الآخر بسرعة ويحقق تبنيًا واسع النطاق.
يعرف معظم المطورين أسماء كبيرة مثل jQuery و React. ولكن في هذا المنصب ، أود أن أعرض 12 مكتبة بديلة JS بديلة أقل شهرة ولكنها ترتفع بسرعة.
1) D3.js
البيانات الضخمة هي صناعة متنامية و عرض مرئي للمعلومات أصبح بسرعة بنفس القدر من الأهمية. هناك الكثير من مكتبات رسم الخرائط ورسم الخرائط ولكن قليلة تبرز بقدر ما D3.js . تعمل مكتبة JS هذه مع عناصر SVG و canvas لتقديم الرسومات البيانية والمخططات والمرئيات الديناميكية على الويب.
إنه مجاني تمامًا للاستخدام ، وهو أحد أقوى أدوات التصور المبنية على جافا سكريبت. إذا كنت تبحث عن طريقة حديثة لتقديم البيانات في المتصفح ، فإنني أوصي بأخذ نظرة خاطفة على هذه المكتبة لمعرفة ما تقدمه.
2) Node.js
وأنا أعلم أن العديد من devs سئم من سماع عنه العقدة كل الوقت. لكنها في الحقيقة مكتبة JS الأسرع نمواً ، وهي تقدم أكثر بكثير من بيئة التطوير. مع NPM يمكنك إدارة الحزم المحلية لجميع المشاريع الخاصة بك مباشرة من سطر الأوامر.
هذا يجعل Node مجموعة أدوات تطوير كاملة تعمل بشكل جيد مع أدوات أخرى مثل Gulp. بالإضافة إلى ذلك ، تم إنشاء العشرات من المشروعات ذات المصدر المفتوح ذات الصلة على Node حتى يمكنك العمل مع اختبار الوحدة في Mocha.js أو بناء واجهة أمامية مع Sails.js الإطار.
إذا لم تكن قد جربت العقدة بعد ، فقد يفاجئك مدى فقدانك.
3) Riot.js
عرض DOM الظاهري والعناصر المخصصة ملون مكتبة React. لقد أصبح بسرعة اختيار جميع المهنيين الذين يريدون مكتبة واجهة رقمية قوية لتطوير الواجهة الأمامية.
لكن Riot.js هو طرح معركة صلبة تقدم بديلا لطيفا للرد. باستخدام إطار عمل Riot ، لا يزال بإمكانك الوصول إلى DOM ظاهري ، ولكن من السهل التحكم فيه بمتطلبات تركيب أبسط. للأسف هذه المكتبة ليست كبيرة مثل React وهي ليست مدعومة من Facebook ، لذلك لن يكون لديك مجتمع ضخم. لكنه بديل صحي ومنافس لائق في الفضاء الأمامي.
4) Create.js
من الرسوم المتحركة على الويب إلى الوسائط الرقمية ، يمكنك العمل مع كل شيء في CreateJS . هذه ليست مكتبة واحدة ، بل مجموعة من المكتبات المبنية لأغراض مختلفة. على سبيل المثال ، يعمل Easel.js مع عناصر قماش HTML5 بينما يساعدك موقع Tweet.js على إنشاء حركة متناهية ورسوم متحركة مخصصة للويب.
كل مكتبة في هذه المجموعة تخدم غرضًا مختلفًا وتوفر ميزات حديثة لجميع المتصفحات الرئيسية. لكن معظم هذه المكتبات تساعد في ميزات خاصة بحيث يتم استخدامها بشكل أفضل على مواقع الويب المتخصصة. إذا كنت فضوليا ، ثم نلقي نظرة على إنشاء موقع JS لمعرفة ما تقدمه.
5) Keystone.js
ذكرت في وقت سابق Node.js وعدد المكتبات الأخرى التي بنيت عليها. Keystone.js هو مثال رائع يتخطى العقدة من خلال تقديم محرك CMS كامل النطاق.
مع كيستون يمكنك بناء صفحات الويب مدعوم من العقدة / اكسبرس و MongoDB على الخلفية. Keystone.js مجاني تماما ولكن لا يزال جديدا جدا. في وقت كتابة هذه السطور ، فقط في v0.3 ، لذا لا يزال أمامها طريق طويل للاستعمال المهني.
ولكن إذا كنت مدغدغًا عن طريق نظام جافا سكريبت CMS خالص ، فعليك التحقق من ذلك ومعرفة رأيك.
6) Vue.js
في عالم إطارات النهاية الأمامية ، عادة ما تجد خيارين بارزين: Angular و Ember. لكن Vue.js هو خيار آخر بشعبية كبيرة وانها تكتسب المزيد من الاهتمام بسرعة منذ الإصدار v2.0 .
Vue هو إطار جافا سكريبت أمامي MVVM بحيث يتحرك بعيدًا عن بنية MVC النموذجية. من الصعب معرفة ذلك ، لكن بناء الجملة بسيط بمجرد فهم كيفية عمل كل شيء. إنه بالتأكيد خيار قابل للحياة في إطار أطر النهاية الأمامية ، ومن الجدير أن نراقب ذلك عن كثب خلال السنوات القليلة القادمة.
7) النيزك
يمكنك دمج أي منصة في إطار نيزك مع نتائج رائعة. يساعد هذا المشروع المفتوح المصدر المطورين في إنشاء تطبيقات تدعم تطبيقات JS سواء كانت تطبيقات الدردشة في الوقت الفعلي أو المنتديات الاجتماعية أو لوحات المعلومات المخصصة.
يوجد حتى إطار إخباري اجتماعي يسمى تلسكوب بنيت على قمة النيزك. يتيح لك هذا إنشاء موقع إلكتروني اجتماعي للأخبار / الاجتماعية من الصفر يعمل على Meteor و React.
Meteor عبارة عن وحش مكتبة تحتوي على الكثير من الميزات ، ولكن ليس من السهل تعلمها. ومع ذلك ، فإن مطوري JS الماهرين والمهرة يمكنهم بناء أي شيء تقريبًا باستخدام هذه المنصة.
8) Chart.js
مع Chart.js يمكنك إنشاء المخططات الشريطية والمخططات الخطية ومخططات الفقاعات والعديد من الميزات المشابهة الأخرى باستخدام جافا سكريبت وواجهة برمجة تطبيقات لوحة الرسم. هذه هي واحدة من أبسط مكتبات JS لتخطيط البيانات ، وتأتي مع خيارات مدمجة للرسوم المتحركة.
هذه واحدة من المكتبات القليلة التي أوصي بها للرسومات البيانية للبيانات لأنها سهلة الإعداد وسهلة التخصيص ، وهي تأتي مع بعض من أفضل كابل بيانات من أي مشروع مفتوح المصدر.
9) WebVR
يبدو أن الواقع الافتراضي قد أخذ العالم بعاصفة مع الشركات الناشئة الجديدة والمطورين المتحمسين الذين يعملون بلا كلل على مشاريع الواقع الافتراضي. هذا هو السبب في أنني لم أكن مندهشًا WebVR ، وهي واجهة برمجة تطبيقات جافا سكريبت جديدة تم إنشاؤها لمتصفح VR.
هذا يعمل من الأجهزة الأكثر شعبية مثل Oculus Rift و Vive ولكنه حاليا في مرحلة التطوير. واجهة برمجة التطبيقات هي مصدر مفتوح ويتم اختبارها باستمرار ضد المتصفحات الحديثة لقياس كيفية عملها على أجهزة الواقع الافتراضي.
إذا كنت مهتمًا بمعرفة المزيد أو المشاركة في المشروع ، فراجعه موقع رسمي أو زيارة صفحة MozVR لمزيد من المعلومات.
10) Three.js
من الجنون أن نرى مدى نمو الرسوم المتحركة ثلاثية الأبعاد التي يعود تاريخها إلى الثمانينات حتى اليوم. نحن جميعًا على دراية بأفلام الرسوم المتحركة ثلاثية الأبعاد ولكن لا تزال الرسوم المتحركة على الويب تمثل حدودًا جديدة. ولله الحمد لدينا مكتبات مثل Three.js اشتعال مسار للرسوم المتحركة ثلاثية الأبعاد على الويب.
على الموقع الرئيسي ستجد عشرات من الأمثلة الحية من Three.js في العمل. يمكنك إنشاء خلفيات حساسة للحركة ورسومات ويب ثلاثية الأبعاد مخصصة وعناصر واجهة ديناميكية تستخدم تأثيرات الحركة ثلاثية الأبعاد. إذا كان لديك ما يكفي من الصبر والقيادة ، فيمكنك إنشاء أي تأثير ثلاثي الأبعاد باستخدام هذه المكتبة. إنه أفضل مورد للحركة ثلاثية الأبعاد على الويب ، ويأتي مع الكثير من الأمثلة لتبدأ.
11) Omniscient.js
البرمجة الوظيفية مع JavaScript ليست شيئًا جديدًا. ولكنها جديدة إلى حد ما على شبكة الإنترنت ، وهي الآن أكثر شيوعا مع المكتبات مثل Omniscient.js . تقوم هذه المكتبة المجانية مفتوحة المصدر بمعالجة العروض من خلال عملية تقديم من أعلى لأسفل لجميع مكونات الواجهة الأمامية. يمكنك كتابة رمز JS الوظيفي من البداية والعمل مع مكتبات واجهة المستخدم الحالية مثل React.
أود أن أوصي على وجه التحديد بهذه المكتبة لأي مطورين ذوي خبرة ممن يرغبون في عملية تطوير أكثر سلاسة. إنه موضوع معقد للمبتدئين ، لكن Omniscient يمكنه تغيير سير عمل dev بشكل جذري عند استخدامه بالتنسيق مع مكونات React.
12) Ractive.js
إذا كنت تبحث عن مكتبة واجهة المستخدم التي تختلف عن بقية على ما أعتقد Ractive.js يناسب القالب جيدا. لأنه يأتي مع الربط ثنائي الاتجاه لعناصر القالب والبيانات بحيث يمكنك إنشاء قوالب بعناصر ترتبط بالوظائف Ractive في JavaScript.
هذه مكتبة كثيفة جدًا ولكنها تقدم واحدة من أفضل منحنيات التعلم للمبتدئين. ليس بالتفصيل كما React ، ويستخدم بناء جملة مختلفة إلى حد كبير في JS و HTML. زيارة الموقع الرئيسي لمعرفة المزيد ، وتحقق من صفحة أمثلة لمعرفة ما هو ممكن مع Ractive.
جميع المكتبات في هذا المنشور لديها شيء فريد لتقديم مجتمع JS. إذا كنت تستمتع بتجريب جافا سكريبت ، فقم بإلقاء نظرة أخرى على كل مكتبة هنا واطلع على ما يمكن أن تقدمه لمشاريعك على الويب.