फ्रंट-एंड डेवलपमेंट के लिए 15 टेम्प्लेट इंजन

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



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





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



यदि आप जावास्क्रिप्ट में विकसित कर रहे हैं, तो आप कई इंजन सीखेंगे, लेकिन आप कुछ नए के बारे में जान सकते हैं। मुझे इस सूची को एक साथ जारी रखने में खुशी होगी, और मुझे आशा है कि यह आपको प्रसन्न करेगी।

ICanHaz.js

मूंछ टेम्पलेट्स के साथ काम करने के लिए एक बहुत ही सरल पुस्तकालय, एक और, तेज इंजन। इसके साथ, आप स्क्रिप्ट टैग के टुकड़ों को टाइप = "टेक्स्ट / एचटीएमएल" के साथ परिभाषित कर सकते हैं और उन्हें आईडी के माध्यम से मान्यता के साथ कॉल कर सकते हैं।

Hogan.js

ट्विटर का उद्देश्य खुले स्रोत समुदाय का हिस्सा होना है। Hogan.js को मध्यवर्ती टेम्पलेट्स के लिए एक लिंकर के रूप में उपयोग किया जा सकता है, उन्हें पहले से संकलित करने के लिए ताकि ब्राउज़र इन प्रक्रियाओं को गतिशील रूप से संसाधित करे।



मूंछों के समान है, लेकिन यह तेजी से और अधिक कुशल बनाता है।

Handlebars.js

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

mustache.js

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

पारदर्शिता

पारदर्शिता एक क्लाइंट-आधारित टेंपलेटिंग इंजन है जो DOM में डेटा को बांधता है। यह बस उस पर लिखा है, समझ में आता है, सरल देशी HTML और एक ही जेएस। टेम्प्लेट के सिंटैक्स को सीखने की आवश्यकता नहीं है, सब कुछ स्पष्ट और उपयोग में आसान है।

doT.js

Node.js समुदाय के लिए अच्छा है । तेजी से, छोटे, निर्भरता के बिना। वीरतापूर्वक गति और लचीलेपन का संतुलन हासिल किया। (बड़े पैमाने पर अंडरस्कोर.जेएस टेम्पलेट इंजन के गुणों को विरासत में मिला है (इस पुस्तकालय का घटक ट्रांस है।)) ।

वालरस

आधुनिक वेब अनुप्रयोगों में, बहुत सारे प्रेजेंटेशन लॉजिक शामिल होते हैं। यह तर्क एप्लिकेशन कोड और मॉडल पर लागू नहीं होता है; यह एक प्रस्तुति परत है। टेम्पलेट भाषा इसके लिए एक अच्छी जगह है।



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

chibi.js

Chibi एक टेम्प्लेट प्रदर्शित करने के लिए ट्रैफ़िक और समय बचाने के लिए सब कुछ प्रदान करता है, एक छोटी और हल्की लाइब्रेरी जो एप्लिकेशन को बेहतर तरीके से टेम्प्लेट करने में मदद करेगी। एनिमेशन का उपयोग करने के बजाय CSS पर अधिक ध्यान केंद्रित करता है। (लेखक का साहित्यिक "जल" - ट्रांस)

templayed.js

यह सबसे छोटा टेम्प्लेट इंजन है जो आप भर में आते हैं, गारंटीकृत ( नैनो - पेरेव।) । यह मूंछों के आधार पर बनाया गया है, इसका उपयोग करना और समझना आसान है। साइट में एक बड़ा डेमो है जिसमें आप कोड चला और परीक्षण कर सकते हैं।

ईसीटी

टेम्प्लेड की तरह, ईसीटी में साइट पर डेमो इंस्टॉलेशन पृष्ठ भी हैं, जिसके साथ आप "चारों ओर खेल सकते हैं" और लाइव परिणाम देख सकते हैं। यह गति के लिए बनाया गया है, और जेएस (कॉफ़ीस्क्रिप्ट पर निर्मित) के लिए सबसे तेज़ टेम्पलेट इंजन होने का दावा करता है। Node.js के साथ संगत और स्पष्ट सिंटैक्स है। गितुब के पास इस पुस्तकालय की प्रभावशीलता दिखाने वाले बेंचमार्क और यूनिट परीक्षण हैं ।

Pithy.js

जावास्क्रिप्ट में HTML उत्पन्न करने के लिए एक आंतरिक DSL है। यह छोटे फ्रंट-एंड प्रोजेक्ट्स के लिए बहुत अच्छा है, लेकिन भारी HTML पृष्ठों के लिए अनुशंसित नहीं है।

T.js

T.js HTML / XML डेटा का प्रतिनिधित्व करने के लिए एक सरल जावास्क्रिप्ट डेटा संरचना का उपयोग करता है।

Nunjucks

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

जेड

जेड को मुख्य रूप से नोड.जेएस में सर्वर टेम्पलेट्स के लिए डिज़ाइन किया गया है, लेकिन यह कई अन्य वातावरणों में काम कर सकता है। यह केवल XML- तरह के दस्तावेज़ों (HTML, RSS, ...) के लिए बनाया गया है, इसलिए इसे सरल पाठ, मार्कडाउन, CSS और इसी तरह के दस्तावेजों के लिए उपयोग न करें।

Dust.js

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

जावास्क्रिप्ट टेम्पलेट इंजन

मैंने उदाहरण देने की कोशिश नहीं की, क्योंकि आधिकारिक पृष्ठों के कई लिंक में डेमो होते हैं।



मुझे आशा है कि आप अपनी अगली परियोजना के लिए नए विकल्पों की खोज करने में सक्षम थे। मुझे यकीन है कि कई विकल्पों का उल्लेख नहीं किया गया है, लेकिन उपरोक्त का उपयोग सबसे अधिक महसूस किया जाता है।



UPD : मूल लेख पर टिप्पणीकारों को जोड़ा गया :

• " शुद्ध - JSON डेटा से HTML जेनरेट करने के लिए सरल और अल्ट्रा-फास्ट टेम्प्लेटिंग टूल
  
  
• Dust.js का उपयोग PayPal द्वारा किया जाता है, और उनके Kraken.js ढांचे में डिफ़ॉल्ट होता है।
  
  
• Swig - एक सरल, शक्तिशाली और विस्तार योग्य जावास्क्रिप्ट टेम्पलेट इंजन।
  
  

UPD2 : इस लेख में टिप्पणियों में उल्लेख किया गया है :

• ट्विग - जेएस इम्प्लीमेंटिंग ऑफ़ ट्विग टेंपलेटिंग लैंग्वेज
  
  
• EJS नोड के लिए एंबेडेड जावास्क्रिप्ट टेम्पलेट