कोणीय: 2019 में स्थिति

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

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



सामग्री का लेखक, जिसका अनुवाद हम प्रकाशित करते हैं, कहते हैं कि इसीलिए उन्होंने हर उस व्यक्ति की मदद करने का फैसला किया जो एंगुलर के नवाचारों को समझना चाहता है। यहां हम वर्तमान ढांचे के बारे में, इस ढांचे की ताज़ा विशेषताओं के बारे में, वर्तमान स्थिति के बारे में बात करेंगे।

कोणीय स्केलिंग अप के बारे में

एनगुलर डेवलपमेंट टीम के सदस्य ब्रैड ग्रीन द्वारा एनजी-कॉन्फिडेंस 2019 में दिए गए आंकड़ों के अनुसार, साल भर में एंगुलर का दायरा लगभग 50% बढ़ गया है!

यह स्पष्ट है कि यह डेटा इस तथ्य से प्रभावित हो सकता है कि कई परियोजनाएं रूपरेखा के अधिक हाल के संस्करणों में कोणीय 1.X से संक्रमण की प्रक्रिया में हैं। लेकिन 50% अभी भी एक प्रभावशाली संकेतक है।

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

कोणीय में एक बड़ा और गतिशील बुनियादी ढांचा है।

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

बुनियादी ढांचे के साथ, आप बहुत सारे दिलचस्प उपकरणों का उपयोग कर सकते हैं। अर्थात्, हम निम्नलिखित के बारे में बात कर रहे हैं:

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

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

कोणीय सीएलआई

UpdateAngular सीएलआई और अत्यंत सरल कोणीय अद्यतन प्रक्रिया

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

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

आजकल, कोणीय सीएलआई के बिना काम करना कल्पना करना बहुत मुश्किल हो रहा है।

▍ स्कैमेटिक्स उपकरण

एंगुलर स्कैमेटिक्स टूल एक ऐसी चीज है, जिसे एंगुलर डेवलपर्स रोजाना इस्तेमाल करते हैं। उदाहरण के लिए, मुझे यकीन है कि आप अक्सर इस कमांड का उपयोग करते हैं:

ng generate component my-component 

यह एंगुलर सीएलआई में निर्मित स्कैमैटिक्स टूल पर आधारित है।

शायद यह आपके लिए नया है कि डेवलपर्स के पास अपने स्वयं के स्कैमैटिक्स नियम बनाने का अवसर है। उनका उपयोग अक्सर उपयोग किए गए कोड के टुकड़े के साथ काम की सुविधा देता है।

▍API बिल्डर्स

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

ढांचे की नई दिलचस्प विशेषताएं

इस सामग्री को लिखने के समय, विभिन्न सुधारों और नई विशेषताओं से युक्त, कोणीय का संस्करण 8 पहले ही जारी किया जा चुका है।

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

▍ विभेदक लोडिंग

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

अधिकांश हालिया ब्राउज़र आधुनिक बंडलों को डाउनलोड करते हैं। और पुराने ब्राउज़र जिन्हें विशेष रूप से उनके लिए डिज़ाइन किए गए पॉलीफ़िल डाउनलोड असेंबली की आवश्यकता होती है।

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

Ebवब कामगार

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

Box सीडीके टूलबॉक्स

सीडीके एक टूलकिट है जो एक टीम द्वारा जारी किया जाता है जो कोणीय घटकों को विकसित करता है। इसमें आप कोणीय सामग्री द्वारा उपयोग किए गए सार पा सकते हैं, जो शैलियों से स्वतंत्र हैं।

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

• "ड्रैग-एंड-ड्रॉप" की शैली में वस्तुओं के साथ काम करें।
• पाठ क्षेत्रों का उपयोग करें जो स्वचालित रूप से आकार बदलते हैं।
• पॉप-अप विंडो।
• वर्चुअल स्क्रॉलिंग।

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

▍ आइवी रेंडरिंग इंजन

आइवी एक बहुत ही रोचक नया विकास है, जो एक रेंडरिंग इंजन है। आइवी पर काम अभी तक पूरा नहीं हुआ है, डिफ़ॉल्ट रूप से यह इंजन अक्षम है। लेकिन, एंगुलर 7 से शुरू करते हुए, इसे पहले से ही चालू और इस्तेमाल किया जा सकता है। Ivy को Angular 9 में मुख्य रेंडरिंग इंजन होने की उम्मीद है।

यहाँ आप एक पूर्ण-आइवी इंजन से क्या उम्मीद कर सकते हैं:

• बंडलों के आकार को कम करना।
• डिबगिंग टेम्प्लेट।
• तेजी से परियोजना विधानसभा, तेजी से परीक्षण।
• मौजूदा त्रुटियों का सुधार।

यदि हम डिबगिंग के बारे में बात करते हैं, तो यहां एक स्क्रीनशॉट है जहां आप क्रोम कंसोल में ब्रेकपॉइंट को ट्रिगर करते देख सकते हैं।


कोड डिबगिंग

जैसा कि आप देख सकते हैं, ngForOf निर्देश हमें दिए गए मूल्य के बारे में जानकारी देता है।

कोणीय और मोबाइल प्लेटफ़ॉर्म

▍Ionic

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

▍NativeScript

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

परीक्षण

▍जस्मीन और प्रोट्रैक्टर

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

▍जस्ट और सरू

जेस्ट और सरू के साथ कोणीय अनुप्रयोगों का परीक्षण एपीआई बिल्डरों के आधार पर नए उपकरणों के लिए संभव बनाया गया था जो कोणीय सीएलआई का हिस्सा हैं।

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

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

▍ कोणीय परीक्षण लाइब्रेरी टूलबॉक्स

कोणीय परीक्षण पुस्तकालय उपयोगकर्ता इंटरफ़ेस घटकों के परीक्षण के लिए उपकरणों का एक सेट है जो उपयोगकर्ता के कार्यों को पुन: प्रस्तुत करने पर ध्यान केंद्रित करता है।

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

उदाहरण के लिए, जब इस पुस्तकालय से उपकरणों के साथ काम करते हैं, तो ऐसे निर्माण का उपयोग नहीं किया जाता है:

 myComponent.onClick(); 

इसके बजाय, उपयोगकर्ता का प्राकृतिक व्यवहार नकली है:

 const { getByText, click } = await render(CounterComponent, {    componentProperties: { counter: 5 } }); click(getByText('+')); 

राज्य प्रबंधन

▍NgRx

NgRx अनुप्रयोगों की स्थिति के प्रबंधन के लिए एक पुस्तकालय है, जिसे Redux में निहित विचारों के प्रभाव के तहत बनाया गया है। NgRx को कोणीय विकास में सबसे अधिक व्यापक रूप से उपयोग किए जाने वाले राज्य प्रबंधन पुस्तकालय की संभावना है। लाइब्रेरी का नाम बताता है कि यह RxJs स्ट्रीम का गंभीरता से उपयोग करता है।

▍NGXS

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

▍Akita

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

▍ शायद RxJs लेते हैं?

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

उपयोगकर्ता इंटरफ़ेस घटक पुस्तकालय

▍StoryBook

स्टोरीबुक वास्तव में यूआई घटकों का पुस्तकालय नहीं है। यह एक उपकरण है जो आपको पृथक घटकों को बनाने की अनुमति देता है और घटकों और उनके वेरिएंट का अध्ययन करना संभव बनाता है।

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

▍Angular सामग्री

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

कोणीय अनुप्रयोगों के लिए समर्थन करता है

▍Firebase

फायरबेस गूगल के स्वामित्व वाला एक एप्लीकेशन डेवलपमेंट प्लेटफॉर्म है। इसका परिणाम यह है कि Firebase और Angular - AngularFire के लिए एक आधिकारिक पुस्तकालय है। यह लाइब्रेरी डेटा को स्ट्रीम करने के लिए RxJS वेधशालाओं का उपयोग करती है। यह कोणीय के साथ गहराई से और कुशलता से एकीकृत है।

▍GraphQL

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

▍NestJS

NestJS , Node.js के लिए एक वेब फ्रेमवर्क है जो सर्वर एप्लिकेशन विकसित करने के लिए डिज़ाइन किया गया है। इसके उदाहरणों से, हम यह निष्कर्ष निकाल सकते हैं कि एंगुलर की मूल अवधारणाओं का इस पर बहुत प्रभाव था। ये मॉड्यूल, नियंत्रक, कन्वेयर और इतने पर हैं। अगर आपको Angular पसंद है, तो आप शायद NestJS को भी पसंद करेंगे।

यदि आप एनएक्स वर्कस्पेस का उपयोग करते हैं, तो कोणीय और नेस्टजेएस पर आधारित पूर्ण-स्टैक एप्लिकेशन के लिए एक फ्रेमवर्क बनाना कंसोल में एक कमांड को निष्पादित करने का मामला है।

परिणाम

नतीजतन, हम यह कह सकते हैं कि एंगुलर के आसपास विकसित किया गया विशाल पारिस्थितिकी तंत्र हर किसी को प्रदान करता है जो समस्याओं की एक विस्तृत श्रृंखला को हल करने के लिए उच्च-गुणवत्ता और विश्वसनीय उपकरण चाहता है।

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

प्रिय पाठकों! कोणीय 8 में आपको सबसे अच्छा (या नापसंद) क्या पसंद है?