AngularConnect 2019 का अवलोकन। भाग 1

19 और 20 सितंबर को, मैं और मेरे साथी एंगुलरकनेक्ट सम्मेलन में शामिल हुए। यह सबसे बड़े कोणीय-सम्मेलनों में से एक है, इस साल यह पांचवीं बार आयोजित किया गया था। कार्यक्रम में 30 रिपोर्टें थीं, जिनमें से 8 कोणीय टीम, 4 कार्यशालाओं और 5 विशेषज्ञ क्षेत्रों से थीं। इस के लिए, यह लंदन जाने लायक था (अच्छा, अच्छा, यह हमेशा लंदन की यात्रा के लायक है)।

इस लेख में, हम बताएंगे कि हमने AngularConnect को क्यों चुना, हमारे लिए कौन से विषय दिलचस्प थे, और सम्मेलन के पहले दिन की रिपोर्ट देखने के बारे में निर्णय लेने में आपकी सहायता करते हैं।

कार्यक्रम

पहली बात यह है कि हम तय करते हैं कि क्या जाना है या नहीं, निश्चित रूप से, कार्यक्रम। एंगुलर टीम की 8 रिपोर्टें, कई एंगुलर डेवलपर्स जॉन पापा के बारे में जानी जाती हैं, जो डेप्थ ब्लॉग मैक्स कोरेत्सकी में एंगुलर के लेखक हैं, और कई अन्य प्रसिद्ध वक्ता वास्तव में स्टेलर कास्ट हैं।

लेकिन बात केवल बड़े नामों में नहीं है। बताए गए विषय हमारे कार्य कार्यों के लिए बेहद प्रासंगिक थे।

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

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

हम NgRx का उपयोग करते हैं और इसकी सर्वोत्तम प्रथाओं की निगरानी करते हैं। इसलिए, हम एक और गहरी-गोता रिपोर्ट में रुचि रखते थे - क्वांटम फ़ेडेस: क्यों NgRx facades भयानक या भयानक हैं, इस पर निर्भर करता है कि आप उन्हें कैसे देखते हैं । हम सैम जूलियन के निष्कर्षों को सुनना चाहते थे और उनकी तुलना हमारे साथ करते थे।

और ऐसे कई चौराहे थे!

रिपोर्ट

सम्मेलन का पहला दिन स्टीफन फ्लिन और इगोर मिनार द्वारा खोला गया था।

स्टीफन ने समुदाय को उनके समर्थन के लिए धन्यवाद दिया और 2019 में Google की संख्या को 2018 में 600 से बढ़ाकर 1,500 करने की बात की।

इगोर ने कहा कि कोणीय CLI 8.3 में ES 5 के लिए असेंबली को सरल बनाया गया है - इससे 40% खर्च किए गए समय को कम करने की अनुमति मिलती है। उन्होंने एंगुलर 9 में अनुकूलन के बारे में भी बात की: कलाकृतियों का वजन कम हो जाएगा, अनुप्रयोग तेजी से काम करना शुरू कर देंगे। नए आइवी रेंडर के कारण यह संभव होगा। ढांचे के नौवें संस्करण में, लाइब्रेरी ViewEngine समर्थन के साथ आएंगे। और दसवें संस्करण से - आइवी के साथ। लिंक द्वारा पुस्तकालय की संगतता की जाँच करें ।

कोणीय कंपाइलर में गहरा गोता लगाएँ

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

यह रिपोर्ट उन लोगों के लिए उपयोगी होगी जो संकलक की विशेषताओं को विस्तार से समझना चाहते हैं और यह समझना चाहते हैं कि इसके कार्य में कौन से चरण शामिल हैं।

कोणीय और OWASP शीर्ष 10

फिलिप डी रेक ओडब्ल्यूएएसपी 10 भेद्यता रेटिंग को याद करता है, लेकिन उनमें से केवल तीन पर विस्तार से रहता है: एक्सएसएस, टूटी हुई प्रामाणिकता, और कमजोरियों के साथ निर्भरता का उपयोग।

1. कोणीय तरीके का पालन करें - XSS की अनुपस्थिति की कुंजी।
2. OAuth 2.0 और पुस्तकालय प्राधिकरण समस्याओं से बचने में मदद करेंगे।
3. नए एनजी के साथ बनाई गई एक परियोजना में 20 हजार स्थापित फाइलें हैं जो डेवलपर को नियंत्रित नहीं करती हैं। हमलावर इसका उपयोग करते हैं: npm पैकेज इलेक्ट्रॉन-नोटिफ़िकेशन-देशी को लोकप्रिय रिपॉजिटरी में जोड़ा गया था। कुछ समय बाद, हमने कोड बदल दिया। निर्भरता को अपडेट करते समय एक लोकप्रिय रिपॉजिटरी को भेद्यता मिलती है।

हम इस रिपोर्ट को OWASP 10 के परिचय के रूप में सुझाते हैं।

कोणीय टीम पर मेरा सफर

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

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

हम कैसे कोणीय उपवास करते हैं

आइवी के विकास के दौरान, टीम ने प्रदर्शन पर ध्यान केंद्रित किया।

Miško Hevery द्वारा अधिकांश चर्चा V8 इंजन के साथ js स्क्रिप्ट के अनुकूलन के बारे में है। बेंचमार्क के उदाहरण पर, वह मोनोमोर्फिक और बहुरूपी कार्यों के निष्पादन समय को दर्शाता है।
Miško V8 प्रोफाइलिंग के साथ काम करने के लिए उपयोगी कार्यक्रम नोट करता है। रिपोर्ट के अंत में, वह आइवी में डेटा संरचनाओं को प्रस्तुत करता है और ngDevMode की घोषणा करता है - ब्राउज़र कंसोल में आपके एप्लिकेशन को नेत्रहीन रूप से डीबग करने के लिए एक मोड।

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

कोणीय ढूँढना

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

रिपोर्ट स्टार्टर स्तर को सही ठहराती है। नए डेवलपर्स के लिए उपयुक्त जिन्होंने हाल ही में टूर ऑफ हीरोज को पूरा किया है।

कोणीय की बिजली की गति के पीछे रहस्य

मैक्स कोर्सेटस्की अनुकूलन के तीन स्तरों को संबोधित करता है: कोड निष्पादन समय, डेटा संरचनाओं का उपयोग, और संकलक संचालन।

1. इनलाइन कैशिंग और मोनोमोर्फिक फ़ंक्शन कोड निष्पादन में तेजी लाने में मदद करेंगे।
2. ब्लूम फ़िल्टर संरचनाओं के साथ काम को गति देगा।
3. आइवी कंपाइलर HTML टेम्पलेट को अनुकूलित जावास्क्रिप्ट कोड में परिवर्तित करता है।
4. देखने से पहले, मेरा सुझाव है कि आप अपने आप को वीडियो Miško से परिचित कराएँ। मैक्स कोरेत्स्की रिपोर्ट को समझना आसान है क्योंकि उदाहरण कोणीय से हैं। नौकरी विवरण ब्लूम फ़िल्टर को हमेशा के लिए याद किया जाता है।

एक शार्क की तरह कोणीय क्षुधा प्रोफाइलिंग

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

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

स्कैमेटिक्स के साथ अपने कोणीय प्रोजेक्ट को स्वचालित करना

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

रिपोर्ट मूल बातें से शुरू होती है और प्रौद्योगिकी की खोज के लिए उपयुक्त है।



स्केच रिपोर्ट ने पहले दिन के कार्यक्रम को बंद कर दिया। हमसे आगे एंगुलर-एल, अनौपचारिक संचार, लंदन के आसपास चलता है ... और सम्मेलन के दूसरे दिन, जिसे हम एक अलग लेख में चर्चा करेंगे।



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