उड़ान - ट्विटर से नए जेएस ढांचे

आज, ट्विटर टीम ने जनता के सामने अपनी रूपरेखा पेश की। उड़ान एक हल्का घटक जावास्क्रिप्ट फ्रेमवर्क है, जिसमें से प्रत्येक घटक पृष्ठ पर तत्वों के व्यवहार का वर्णन करता है। वास्तव में, आपने सबसे पहले फ्लाइट को एक्शन में देखा होगा, क्योंकि ट्विटर अपने अनुप्रयोगों के लिए इसका उपयोग करता है। आप एक साधारण ईमेल क्लाइंट ( जीथब कोड ) के रूप में फ्रेमवर्क की क्षमताओं का प्रदर्शन देख सकते हैं।

नया ढाँचा पुराने ब्राउज़रों में ES5 का समर्थन करने के लिए ES5- शिम का उपयोग करता है और DOM को हेरफेर करने के लिए jQuery। आपको एएमडी के कार्यान्वयन में से एक की भी आवश्यकता होगी, उदाहरण के लिए आवश्यकता होती है। जेएस या लोडरनर।

हमें दूसरे ढांचे की आवश्यकता क्यों है?

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

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

वह कैसे काम करता है?

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

एक घटक क्या है?

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

घटनाएँ क्यों?

सबसे पहले, घटनाएं आत्मनिर्भर हैं। जब कोई घटक किसी घटना को उठाता है, तो यह संदेह नहीं करता है कि किसी ने इसे प्राप्त किया या नहीं। यह संपत्ति डेवलपर को सभी घटकों को अलग से विचार करने की अनुमति देती है, बजाय सभी कनेक्शनों को याद रखने और समग्र रूप से आवेदन की बढ़ती जटिलता पर चर्चा करने के लिए।

तत्वों को घटक घटनाओं के रूप में घटनाओं को व्यक्त करने की अनुमति देकर, संपूर्ण पृष्ठ सचमुच हमारे लिए काम करता है:

• हमें बिना कोई प्रयास किए घटनाओं को प्रसारित करने के लिए एक प्रणाली मिलती है।
• एक घटक दस्तावेज़ स्तर पर सभी घटनाओं के लिए सदस्यता ले सकता है या केवल एक विशेष तत्व पर होने वाली कुछ घटनाओं का जवाब दे सकता है।
• सब्स्क्राइब्ड घटक अन्य घटकों (उदाहरण के लिए, dataMailItemsServed) और मूल तत्व घटनाओं (उदाहरण के लिए, क्लिक करें) से कस्टम घटनाओं के बीच अंतर नहीं करते हैं और दोनों प्रकार की घटनाओं को उसी तरह से संभालते हैं।

गतिशीलता और परीक्षण

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

अशुद्धताएँ (मिश्रण)

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

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

यह समझने के लिए कि घटक और अशुद्धियाँ कैसे काम करती हैं, मैं सुझाव देता हूं कि आप कोड उदाहरणों के साथ त्वरित आरंभ गाइड का विस्तार से अध्ययन करें।

भविष्य की योजना

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

क्या फ्लाइट बूटस्ट्रैप के रूप में डेवलपर्स के बीच समान लोकप्रियता हासिल कर सकता है? समय बताएगा!