🚵🏼 👈🏼 🦆 फ्रंटएंड के लिए छोटे-ज्ञात लेकिन लोकप्रिय जेएस फ्रेमवर्क 🦔 👨🏻‍🍳 🤦🏽

बहुत पहले नहीं, गतिशील वेब एप्लिकेशन बनाते समय, हमने DOM के साथ काम करने के लिए शुद्ध जावास्क्रिप्ट या jQuery का उपयोग किया। तब से, कई बेहतरीन जावास्क्रिप्ट फ्रेमवर्क और लाइब्रेरी सामने आए हैं। वे उन परियोजनाओं को विकसित करने में मदद करते हैं, जो आकर्षण और सुविधा में हैं, इससे पहले कि वे क्या थे। लेख के लेखक, जिसका अनुवाद हम आज प्रकाशित करते हैं, जावास्क्रिप्ट पर आधारित कई शक्तिशाली, लेकिन अल्पज्ञात ग्राहक रूपरेखा और पुस्तकालयों के बारे में बात करना चाहता है। बेशक, तीन बड़ी, का प्रतिनिधित्व करती कोणीय , प्रतिक्रिया और Vue , कहीं भी नहीं गया है, लेकिन वेब विकास की दुनिया में वहाँ अन्य उपकरणों ध्यान के योग्य हैं। जैसे कि स्वेल्ट , प्रीक्ट और दंगा

। सही उपाय चुनने का सवाल कई कारकों पर निर्भर करता है। उनमें से डेवलपर के ज्ञान, परियोजना की विशेषताएं और बाजार की स्थिति हैं। इसलिए, आइए अल्पज्ञात रूपरेखाओं को देखें, जिससे उन लोगों की पसंद की स्वतंत्रता का विस्तार हो जो अपनी अगली परियोजना के लिए सही उपकरण की तलाश कर रहे हैं।

दुर्बल

स्वेलेट फ्रेमवर्क फ्रंट-एंड डेवलपमेंट टूल्स का एक नया प्रतिनिधि है, जिसकी लोकप्रियता हाल ही में लगातार बढ़ रही है। वे उपयोगकर्ता इंटरफेस बनाने के लिए एक पूरी तरह से नए दृष्टिकोण के उदाहरण के रूप में उसके बारे में बात करते हैं। Vue या React की तुलना में, जो अपनी कार्य करने के लिए ब्राउज़र क्षमताओं पर बहुत अधिक निर्भर करते हैं, Svelte अलग तरीके से काम करता है। उन्होंने परियोजना के निर्माण के चरण में एक संकलन कदम शामिल किया है, जो इसके आधार पर परियोजनाओं के प्रदर्शन को बेहतर बनाने में योगदान देता है।

Svelte का उद्देश्य न केवल तैयार परियोजनाओं की उत्पादकता पर है, बल्कि डेवलपर की सुविधा पर भी है। यह बड़ी मात्रा में बॉयलरप्लेट कोड लिखने की आवश्यकता को कम करके हासिल किया जाता है।

▍ प्रमुख विशेषताएं

प्रभावशाली प्रदर्शन
छोटा बनाता है
उपलब्धता
स्टैंडर्ड स्टाइल इनकैप्सुलेशन सिस्टम
घोषणात्मक परिवर्तन
DOM

Ember

Ember.js - यह एक और उत्कृष्ट ग्राहक ढाँचा है जो वेब अनुप्रयोगों के विकास को तेज करता है, डेवलपर से दोहराए जाने वाले मानक कार्यों को करने के लिए बोझ को हटा देता है। यह प्रोग्रामर को उन्नत जावास्क्रिप्ट सुविधाओं के साथ काम करने की अनुमति देता है।

इस ढांचे में एक अद्भुत कमांड लाइन उपकरण है जो परियोजनाओं के कोडांतरण, उनके परीक्षण, स्वचालित पृष्ठ पुनः लोड करने जैसी सुविधाओं के साथ एक सुविधाजनक विकास वातावरण का समर्थन करने में तेजी लाता है। एम्बर में एक उत्कृष्ट राउटर भी है, जिसके विचारों ने अन्य समान प्रणालियों के डेवलपर्स को प्रेरित किया, उदाहरण के लिए, रिएक्टर राउटर। इस तथ्य के कारण रूपरेखा बहुत उत्पादक है कि यह उन तकनीकों का उपयोग करती है जो पृष्ठ प्रतिपादन में तेजी लाती हैं।

एम्बर ऐड-ऑन डेवलपर को कई प्लगइन्स प्रदान करता है जो आपको अनुप्रयोगों की क्षमताओं का विस्तार करने की अनुमति देता है। उदाहरण के लिए, एम्बर कॉन्सैरेबिल सिस्टम का उपयोग विश्वसनीय एसिंक्रोनस कोड लिखने के लिए किया जा सकता है। और Simple Auth एक ऐडऑन है जो कई ऑथेंटिकेशन मेथड को इम्प्लीमेंट करता है। एम्बर सीएलआई डिप्लॉय टूल आपको समर्थित तैनाती तर्क को लागू करने की अनुमति देता है जिसे पुन: उपयोग किया जा सकता है।

▍ प्रमुख विशेषताएं

मानक परियोजना विधानसभा पाइपलाइन
इसी तरह के उपकरणों के बीच सबसे अच्छा मार्ग प्रणाली
उन्नत डेटा उपकरण
पूर्ण पैमाने पर परीक्षण प्रणाली
छह सप्ताह का रिलीज़ चक्र

Preact

प्रीरेक्ट लाइब्रेरी, जैसा कि इसके नाम से पता चलता है, यह रिएक्ट से काफी मिलती-जुलती है। सच है, प्रैक्टक्ट पुस्तकालय बहुत छोटा है, इसका आकार केवल 3 केबी है। लेकिन यह लाइब्रेरी डेवलपर को रिएक्ट के समान आधुनिक एपीआई देती है। प्राइक्ट प्रोग्रामर को वर्चुअल डोम एब्सट्रैक्शन, स्थिर प्लेटफ़ॉर्म क्षमताओं और इवेंट प्रोसेसिंग टूल के सबसे कॉम्पैक्ट कार्यान्वयन के साथ प्रदान करता है। ट्रांसप्लिकेशन के एक चरण के बिना, यह लाइब्रेरी सीधे ब्राउज़र में उपयोग की जा सकती है।

Preact, इसके अलावा, सबसे तेज ग्राहक पुस्तकालयों में से एक है, जो मामूली आकार और उच्च प्रदर्शन की विशेषता है।

▍ प्रमुख विशेषताएं

ES6 वर्गों, हुक और कार्यात्मक घटकों के लिए समर्थन
JSX, वर्चुअल DOM, डेवलपर टूल्स के लिए सपोर्ट
मानक सर्वर रेंडरिंग सपोर्ट
आधुनिक ब्राउज़रों के लिए समर्थन (IE11 +)

दंगा

दंगा एक सरल और सुरुचिपूर्ण घटक-आधारित यूजर इंटरफेस डेवलपमेंट लाइब्रेरी है। यह आपको पॉलीफ़िल की आवश्यकता के बिना सभी आधुनिक ब्राउज़रों में कस्टम तत्वों का उपयोग करने की अनुमति देता है। ये घटक पुन: उपयोग के लिए उपयुक्त संस्थाओं को बनाने के लिए HTML और जावास्क्रिप्ट को संयोजित करने में मदद करते हैं। रिओट सिंटैक्स साफ है और इसे डेवलपर द्वारा आसानी से समझा जा सकता है।

दंगा का आकार केवल 6 केबी है, यानी हम एक बहुत कॉम्पैक्ट लाइब्रेरी के बारे में बात कर रहे हैं। यह लाइब्रेरी अपने बड़े समकक्षों की तुलना में कम एपीआई विधियों का समर्थन करती है। यह बताता है कि दंगा के उत्पादक उपयोग के लिए, प्रोग्रामर को प्रशिक्षण पर ज्यादा समय नहीं देना चाहिए।

▍ प्रमुख विशेषताएं

उच्च प्रदर्शन और पूर्वानुमान
वेब मानकों से निकटता
विकास उपकरण के साथ अच्छे संबंध
अच्छा वाक्यविन्यास
उच्च सीखने की गति
मामूली आकार
शक्तिशाली मॉड्यूलर पारिस्थितिकी तंत्र

औरेलिया

ऑरेलिया वेब एप्लिकेशन, मोबाइल और डेस्कटॉप प्रोजेक्ट विकसित करने के लिए एक आधुनिक क्लाइंट-साइड जावास्क्रिप्ट फ्रेमवर्क है। ऑरेलिया का उपयोग करने वाले एप्लिकेशन शुद्ध जावास्क्रिप्ट या टाइपस्क्रिप्ट और संबंधित एचटीएमएल कोड के आधार पर सरल घटकों को इकट्ठा करके बनाए जाते हैं।

ऑरेलिया फ्रेमवर्क में उत्कृष्ट दस्तावेज हैं, इसकी क्षमताओं को ट्यूटोरियल में अच्छी तरह से वर्णित किया गया है। यह सब उन लोगों की मदद करता है जो इस ढांचे से निपटना चाहते हैं और जल्दी से इसे हासिल कर लेते हैं। ऑरेलिया में बाइंडिंग, एक टेम्प्लेटिंग सिस्टम, एक राउटर और प्लगइन्स को लागू करने के लिए एक शक्तिशाली जेट इंजन शामिल है। ऑरेलिया सर्वर रेंडरिंग और अन्य उन्नत सुविधाओं का समर्थन करता है।

▍

Mithril

Mithril.js एक आधुनिक क्लाइंट-साइड JS फ्रेमवर्क है जो सिंगल-पेज वेब एप्लिकेशन विकसित करने के लिए डिज़ाइन किया गया है। यह आकार में छोटा है (9.79 Kb), रूटिंग और XHR का समर्थन करता है।

इसका इस्तेमाल Nike और Vimeo जैसी कंपनियां करती हैं। जेएसएक्स, ईएस 6+, एनीमेशन, परीक्षण जैसी तकनीकों का वह समर्थन करता है।

इस रूपरेखा के लिए अच्छा प्रलेखन तैयार किया गया है, जिससे शुरुआती लोगों को जल्दी से पता लगाने में मदद मिलती है। वहां आप उदाहरण पा सकते हैं जिस पर मिथ्रिल की क्षमताओं को सीखना सुविधाजनक है। सच है, यह ध्यान दिया जाना चाहिए कि मेरी राय में यह रूपरेखा, प्रलेखन के संदर्भ में, अन्य साधनों से पीछे है जो हमने यहां जांच की थी।

▍ प्रमुख विशेषताएं

बहुत उच्च प्रदर्शन
वर्चुअल डोम सपोर्ट
घटक जीवनचक्र समर्थन

सारांश

मुझे उम्मीद है कि यह सामग्री इस तथ्य को अच्छी तरह से दर्शाती है कि जीवन कोणीय, Vue और प्रतिक्रिया से परे है। कुछ परियोजनाओं को दृष्टिकोण और उपकरणों की आवश्यकता होती है जो उन लोगों से अलग होते हैं जो हर कोई सुन रहा है। एक उपयुक्त उपकरण का चुनाव उस परियोजना की सुविधाओं पर बहुत निर्भर करता है जिसे आप इसके साथ बनाने की योजना बनाते हैं।

अंत में, मैं यह कहना चाहता हूं कि यदि आप अपनी परियोजना के लिए "बिग थ्री" में शामिल किसी एक ढांचे को चुनते हैं, तो आप निश्चित रूप से गलत नहीं होंगे। बड़े पैमाने पर परियोजनाओं के विकास के लिए कोणीय महान है। कोणीय फ्रंट अक्सर जावा बैकेंड के साथ संयोजन में उपयोग किया जाता है। रिएक्ट और वीयू भी अच्छे विकल्प हैं। मैं सलाह देना चाहता हूं: किसी भी ढांचे या पुस्तकालय के प्रशंसक न बनें। उपकरण चुनते समय, बस चयन प्रक्रिया को खुले दिमाग से करने की कोशिश करें और कुछ ऐसा ढूंढें जो आपकी परियोजना की जरूरतों को पूरा करता हो।

प्रिय पाठकों! क्या आप किसी ऐसे ढांचे या पुस्तकालयों का उपयोग करते हैं जो बिग थ्री में शामिल नहीं हैं?

फ्रंटएंड के लिए छोटे-ज्ञात लेकिन लोकप्रिय जेएस फ्रेमवर्क

दुर्बल

▍ प्रमुख विशेषताएं

Ember

▍ प्रमुख विशेषताएं

Preact

▍ प्रमुख विशेषताएं

दंगा

▍ प्रमुख विशेषताएं

औरेलिया

▍

Mithril

▍ प्रमुख विशेषताएं

सारांश

More articles: