19 अवधारणाओं आपको एक प्रभावी कोणीय डेवलपर बनने के लिए सीखने की जरूरत है

फ्रंट-एंड TODO एप्लिकेशन सामान्य प्रोग्रामिंग में "हैलो वर्ल्ड" के समान है। TODO अनुप्रयोगों का निर्माण करते समय, आप एक या किसी अन्य ढांचे का उपयोग करके CRUD संचालन के कार्यान्वयन का अध्ययन कर सकते हैं। लेकिन अक्सर ऐसी परियोजनाएं बहुत ही सतही रूप से संबंधित होती हैं जो वास्तव में रूपरेखा को जानती हैं।

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



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

1. कोणीय की मॉड्यूलर वास्तुकला

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

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

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

▍Search क्वेरीज़

• कोणीय वास्तुकला पैटर्न।
• स्केलेबल कोणीय अनुप्रयोग वास्तुकला।

2. एक तरफ़ा डेटा प्रवाह और अपरिवर्तनीयता

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

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

▍Search क्वेरीज़

• कोणीय डेटा प्रवाह सर्वोत्तम प्रथाओं।
• यूनी-दिशात्मक प्रवाह कोणीय में।
• एक तरह से बांधने के फायदे।

3. कोणीय की विशेषता और संरचनात्मक निर्देश

एक निर्देश कस्टम तत्वों के माध्यम से HTML का विस्तार है। निर्देश, या विशेषताएँ, आपको तत्वों के गुणों को बदलने की अनुमति देते हैं। संरचनात्मक निर्देश आपको DOM से तत्वों को हटाकर या DOM में जोड़कर पृष्ठों की सामग्री को प्रभावित करने की अनुमति देते हैं।
उदाहरण के लिए, ngSwitch और ngIf संरचनात्मक निर्देश हैं, क्योंकि वे उनके पास दिए गए मापदंडों का मूल्यांकन करते हैं और यह निर्धारित करते हैं कि दस्तावेज़ में DOM के कुछ हिस्से मौजूद होने चाहिए या नहीं।

गुण प्रोग्रामर द्वारा अनुकूलन करने वाले तत्वों के मानक व्यवहार को बदलने के लिए तंत्र हैं।

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

▍Search क्वेरीज़

• कोणीय विशेषता निर्देश (कोणीय विशेषता निर्देश)।
• कोणीय संरचनात्मक निर्देश।
• कोणीय संरचनात्मक निर्देशात्मक पैटर्न।

4. घटक जीवन चक्र विधियाँ

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

• बनाएँ।
• प्रतिपादन।
• बाल घटकों का प्रतिपादन।
• डेटा-संबंधित गुणों में परिवर्तन की जाँच करें।
• विनाश।
• DOM से हटा रहा है।

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

उदाहरण के लिए, पृष्ठ प्रदर्शित होने से पहले आपको कुछ डेटा लोड करने की आवश्यकता हो सकती है। आप इसे ngOnInit() घटक के जीवन चक्र विधि में कर सकते हैं। या, शायद आवेदन के कुछ बिंदु पर, आपको डेटाबेस से डिस्कनेक्ट करने की आवश्यकता है। आप इसे ngOnDestroy() विधि में कर सकते हैं।

▍Search क्वेरीज़

• कोणीय जीवन चक्र हुक।
• घटक जीवन चक्र।

5. HTTP सर्विसेस और ऑब्जर्वेबल ऑब्जेक्ट्स

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

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

▍Search क्वेरीज़

• जावास्क्रिप्ट अवलोकनीय पैटर्न (जावास्क्रिप्ट अवलोकनीय वस्तु टेम्पलेट)।
• कोणीय HTTP और वेधशालाएं (Angular में HTTP और ऑब्जर्वेबल ऑब्जेक्ट्स)।
• ईएस 7 अवलोकनीय सुविधा (ईएस 7 में अवलोकनीय वस्तुएं)।

6. स्मार्ट और बेवकूफ घटक

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

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

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

▍Search क्वेरीज़

• स्मार्ट / गूंगा कोणीय घटक।
• स्टेटलेस डंब घटक।
• प्रस्तुति के घटक।
• कोणीय में स्मार्ट घटक।

7. आवेदन की संरचना और इसके गठन के लिए व्यावहारिक सिफारिशें

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

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

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

▍Search क्वेरीज़

• सिंगल रेपो Angular apps (एकल रिपॉजिटरी में होस्ट किया गया कोणीय अनुप्रयोग)।
• कोणीय पुस्तकालय (कोणीय पुस्तकालय)।
• कोणीय पैकेज।
• कोणीय बंडलों (कोणीय बंडलों)।
• कोणीय माइक्रो ऐप।
• मोनोरेपो (मोनोरेपोज़िटरीज़)।

8. डेटा बाइंडिंग सिंटैक्स और पैटर्न

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

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

▍Search क्वेरीज़

• कोणीय संपत्ति बंधन।
• कोणीय घटना बाध्यकारी।
• कोणीय दो-तरफ़ा बाइंडिंग (कोणीय द्वि-तरफ़ा डेटा बाइंडिंग)।
• कोणीय प्रक्षेप (कोणीय में प्रक्षेप)।
• कोणीय गुजर स्थिरांक (कोणीय गुजर स्थिरांक)।

9. फीचर मॉड्यूल और रूटिंग

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

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

▍Search क्वेरीज़

• कोणीय सुविधा मॉड्यूल (कोणीय में सुविधा मॉड्यूल)।
• कोणीय में साझा संरचनाएं।
• फ़ीचर मॉड्यूल प्रदाता।
• आलसी लोडिंग रूटिंग एंड फीचर मॉड्यूल (आलसी लोडिंग विथ रूटिंग एंड फीचर मॉड्यूल)।

10. फॉर्म और डेटा सत्यापन (प्रतिक्रियाशील रूप और सत्यापनकर्ता)

फॉर्म किसी भी फ्रंट-एंड डेवलपमेंट का एक अनिवार्य हिस्सा हैं। और जहां फॉर्म का उपयोग किया जाता है, डेटा सत्यापन भी आवश्यक है।

कोणीय में डेटा-चालित स्मार्ट रूपों के निर्माण के विभिन्न तरीके हैं। प्रतिक्रियाशील रूप विशेष रूप से लोकप्रिय हैं। हालाँकि, अन्य विकल्प भी हैं, विशेष रूप से - ये ऐसे रूप हैं, जिनकी मान्यता टेम्प्लेट पर आधारित होती है, साथ ही कस्टम वैधीकरण के उपयोग पर भी।

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

▍Search क्वेरीज़

• कोणीय रूप सत्यापन।
• टेम्पलेट संचालित मान्यता
• प्रतिक्रियात्मक रूप सत्यापन।
• कोणीय में सिंक और async सत्यापनकर्ता (कोणीय में तुल्यकालिक और अतुल्यकालिक सत्यापनकर्ता)।
• बिल्ट-इन सत्यापनकर्ता।
• कोणीय कस्टम सत्यापनकर्ता।
• क्रॉस-फील्ड सत्यापन।

11. सामग्री की आपत्ति

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

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

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

▍Search क्वेरीज़

• कोणीय सामग्री का प्रक्षेपण।
• कोणीय पैरेंट-चाइल्ड व्यू रिलेशनशिप (एंगुलर पैरेंट-चाइल्ड रिलेशनशिप और एंगुलर के दृश्य घटक)।
• कोणीय दृश्य डेटा संबंध।

12. ऑनपश चेंज डिटेक्शन स्ट्रेटेजी

डिफ़ॉल्ट रूप से, कोणीय एक मानक परिवर्तन का पता लगाने की रणनीति का उपयोग करता है। इस दृष्टिकोण के साथ, घटक जांच जारी है। यद्यपि इसमें कुछ भी गलत नहीं है, लेकिन परिवर्तनों का पता लगाने का यह तरीका प्रभावी नहीं हो सकता है।

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

onPush परिवर्तन का पता लगाने की onPush नाटकीय रूप से अनुप्रयोग को गति दे सकती है। तथ्य यह है कि जब इसका उपयोग किया जाता है, तो चेक केवल तब किए जाते हैं जब कुछ घटनाएं होती हैं। यह लगातार जांच से बहुत बेहतर है।

▍Search क्वेरीज़

• कोणीय onPush परिवर्तन का पता लगाने (Angular onPush परिवर्तन का पता लगाने की रणनीति)।

13. मार्गों तक पहुँचने पर प्रतिबंध लगाना, प्रीलोडिंग, आलसी लोडिंग

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

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

▍Search क्वेरीज़

• कोणीय मार्ग गार्ड (कोणीय में मार्गों की पहुंच सीमित)।
• कोणीय प्रमाणीकरण पैटर्न।
• कोणीय प्रीलोडिंग और आलसी-लोडिंग मॉड्यूल (एंगुलर में लोडिंग और आलसी लोडिंग मॉड्यूल)।
• कोणीय सुरक्षित मार्ग पैटर्न।

14. कस्टम कन्वेयर

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

▍Search क्वेरीज़

• कोणीय कस्टम पाइप।

15. डेकोरेटर्स @ViewChild और @ContentChild

घटक @ViewChild और @ContentChild लिए एक दूसरे के साथ संवाद कर सकते हैं। कोणीय का सार इस ढांचे का उपयोग करके बनाए गए बहु-घटक अनुप्रयोगों को एक पहेली की तरह बनाना है। लेकिन इस तरह की पहेली का अधिक उपयोग नहीं होगा यदि इसके टुकड़े एक-दूसरे से अलग-थलग हों।

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

▍Search क्वेरीज़

• कोणीय सज्जाकार (कोणीय में सज्जाकार)।
• एंगुलर में @ViewChild और @ContentChild (डेकोरेटर @ViewChild और @ContentChild इन @ContentChild )।
• कोणीय घटक डेटा साझाकरण।

16. गतिशील घटक और एनजी-टेम्पलेट निर्देश

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

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

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

▍Search क्वेरीज़

• कोणीय में गतिशील घटक।
• गतिशील घटक और एनजी-अस्थायी (डायनामिक घटक और एनजी-टेम्पलेट निर्देश)।

17. सज्जाकार @Host , @HostBinding और ExportAs निर्देश

@Host , @HostBinding और @HostBinding निर्देश exportAs उपयोग @HostBinding exportAs किया जाता है ताकि यह नियंत्रित किया जा सके कि वे क्या लागू करते हैं। वे, इसके अलावा, निर्यात करने वाली संस्थाओं के लिए संक्षिप्त टेम्पलेट बनाना संभव बनाते हैं जिनका उपयोग अनुप्रयोग में किया जा सकता है।

यदि उपरोक्त आपको विशेष रूप से स्पष्ट नहीं लगता है, तो हम अनुशंसा करते हैं कि आप खुद को निर्देशों के साथ परिचित करें और पता करें कि उनकी आवश्यकता क्यों है। @Host , @HostBinding और @HostBinding निर्देश हैं कि कोणीय को क्या मदद मिलती है।

▍Search क्वेरीज़

• कोणीय निर्देशन पैटर्न (कोणीय निर्देशन पैटर्न)।
• @Host , @HostBinding और Exportular in Angular (सज्जाकार @Host , @HostBinding और ExportAs निर्देशन में कोणीय)।

18. NgRx का उपयोग करते हुए एप्लिकेशन स्टेट मैनेजमेंट

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

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

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

▍Search क्वेरीज़

• कोणीय Ngxx (Angular में RxJS का उपयोग करके)।
• फ्लक्स / Redux सिद्धांत।
• कोणीय राज्य प्रबंधन सिद्धांत।

19. निर्भरता और क्षेत्र इंजेक्शन

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

ज़ोन की अवधारणा, निर्भरता इंजेक्शन के विचार की तरह, कोणीय के लिए अद्वितीय नहीं है। यह एक ऐसा तंत्र है जो किसी एप्लिकेशन को अपने पूरे जीवन चक्र में अतुल्यकालिक कार्यों की स्थिति की निगरानी करने की अनुमति देता है। — , , — , . .

▍

• Angular zones ( Angular).
• Dependency injections ( ).
• Angular DI ( Angular).

परिणाम

Angular- — . — - , , , . . , , Angular, .

प्रिय पाठकों! Angular-?