मैक्सिमिलियन स्टॉयबर v3.6.0 द्वारा सभी रिएक्टर बॉयलर पर एक बार मिलो

हाल ही में 26 जून, 2018 को प्रतिक्रिया-बॉयलरप्लेट विधानसभा को 3.6.0 संस्करण में अद्यतन किया गया था। यह विधानसभा पहले से ही तीन साल से अधिक पुरानी है, लेकिन, कई अन्य (18 हजार से अधिक सितारे गिटहब) की पृष्ठभूमि के खिलाफ स्पष्ट रूप से खड़े हैं, यह लगभग कभी नहीं देखा गया था। इसकी विशेषता क्या है? संक्षेप में - विधानसभा डेवलपर को "सभी एक बार" प्रदान करता है!

पहले दुख की बात

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

एक रास्ता है

प्रतिक्रिया-बॉयलरप्लेट असेंबली समस्या को हल करने के लिए एक वैकल्पिक दृष्टिकोण है और "सभी को एक बार पेश करता है।" यह डी फैक्टो मानक के रूप में मान्यता प्राप्त और काम में परीक्षण किए गए मॉड्यूल का एक सेट है, जिसमें एक सेट जिसमें परियोजना के संगठन में सर्वोत्तम प्रथाओं को लागू किया जाता है, जिसमें खाता मापनीयता और प्रदर्शन शामिल हैं, प्रौद्योगिकियों को पेश किया जाता है जो प्रोग्रामर को जल्दी से विकसित करने और कोड को डिबग करने में मदद करते हैं।

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

लागू पुस्तकालय

उपयोग किए गए मॉड्यूल के बारे में अधिक जानकारी:

• प्रतिक्रिया, v16.4 (फाइबर) - कुंजी रिएक्ट एल्गोरिथ्म का एक प्रगतिशील कार्यान्वयन जो कि एनीमेशन, पृष्ठ पर तत्वों के संगठन और तत्वों की आवाजाही जैसे कार्यों के विकास में उत्पादकता बढ़ाता है;
• रिएक्ट राउटर , v4.3 - प्रतिक्रिया अनुप्रयोगों के लिए एक वास्तविक तथ्य राउटर, खोज इंजन के अनुकूल यूआरएल के साथ अनुप्रयोगों का निर्माण करना संभव बनाता है;
• Redux , v4 - एक पुस्तकालय जो एक सख्ती से अप्रत्यक्ष डेटा स्ट्रीम प्रदान करता है, जिससे एप्लिकेशन लॉजिक को अधिक पूर्वानुमान और समझने में आसान हो जाता है;
• Redux Saga , v0.16 - एक पुस्तकालय जो साइड इफेक्ट्स के निष्पादन को सरल बनाने और सुधारने के लिए डिज़ाइन किया गया है (यानी, प्रतिक्रियाएँ / Redux अनुप्रयोगों में अतुल्यकालिक संचालन जैसे लोडिंग डेटा आदि);
• रेसेलेट , वी 3 - एक पुस्तकालय जो आपको अनावश्यक डेटा को प्राप्त करने और प्राप्त करने वाले डेटा की पुनरावृत्ति को रोकने की अनुमति देता है, जो बदले में, प्रतिक्रिया / रिडक्स एप्लिकेशन को गति देता है;
• ImmutableJS , v4 - एक पुस्तकालय जो प्रतिक्रिया / Redux अनुप्रयोगों में अपरिवर्तनीय डेटा के साथ काम करने की सुविधा देता है;
• स्टाइल घटक , v3.3 - एक पुस्तकालय जो आपको एक घटक और इसकी शैलियों के बीच एक मध्यवर्ती चरण के रूप में सीएसएस कक्षाओं से छुटकारा पाने की अनुमति देता है;
• प्रतिक्रियाशील लोड करने योग्य , v5.4 - एक पुस्तकालय जो आपको कोड को अलग करने और देर से लोडिंग को लागू करने के लिए एक घटक-उन्मुख दृष्टिकोण को लागू करने की अनुमति देता है;
• Jest v23.1, एंजाइम v3.3 - परीक्षण प्रतिक्रियाओं के लिए पुस्तकालय।

स्केलेबिलिटी और प्रदर्शन

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

विशेष रूप से, इन सिद्धांतों में शामिल हैं:

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

कोडिंग, डिबगिंग, परीक्षण

विधानसभा लिखित और डिबगिंग कोड में प्रोग्रामर की सहायता के लिए पर्याप्त अवसर प्रदान करती है:

• अगली पीढ़ी के जावास्क्रिप्ट (लोअरकेस टेम्प्लेट, ऑब्जेक्ट रिस्ट्रक्चरिंग, जेएसएक्स सिंटेक्स, आदि);
• कमांड लाइन के माध्यम से अपने चयनकर्ताओं, सागा, रिड्यूसर और परीक्षणों के साथ घटकों / कंटेनरों / मार्गों की तेज़ पीढ़ी;
• मॉड्यूल के "हॉट स्वैपिंग", आवेदन कोड में किए गए परिवर्तनों के परिणामों को देखने के लिए देरी के बिना अनुमति देता है;
• वेबपैक डीएल प्लगिन का उपयोग, जो सर्वर पर एप्लिकेशन के स्टार्टअप समय को 40% तक सुधारता है और मॉड्यूल के "हॉट रीलोड" के दौरान;
• AppVeyor और TravisCI (स्थापना फ़ाइलों को डिफ़ॉल्ट रूप से शामिल किया गया है) का उपयोग करके, जो आपको स्वचालित रूप से विंडोज और यूनिक्स पर एप्लिकेशन परीक्षण चलाने की अनुमति देता है;
• स्थिर कोड विश्लेषण: ESLint , Prettier और stylelint स्वचालित रूप से आपके संपादक में कोड की जांच और प्रारूपण करता है (कॉन्फ़िगरेशन आवश्यक है, कॉन्फ़िगरेशन फ़ाइलें और निर्देश संलग्न हैं);
• हरोकू , एडब्ल्यूएस एस 3 क्लाउड सेवाओं पर प्लेसमेंट: (कॉन्फ़िगरेशन आवश्यक है, निर्देश शामिल हैं)।

कमांड लाइन

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

• 100% परीक्षण कवरेज के साथ एक नई परियोजना का आरंभीकरण;
• डेवलपर के सर्वर पर एप्लिकेशन लॉन्च करना;
• घटकों, उनके चयनकर्ताओं, सागा, रेड्यूसर और परीक्षणों के साथ कंटेनरों की पीढ़ी;
• परियोजना कोड के "उत्पादन" संस्करण की पीढ़ी;
• परियोजना परीक्षण;
• दूरस्थ डिबगिंग, जो इंटरनेट से स्थानीय सर्वर तक सुरक्षित पहुंच प्रदान करने के लिए नैरोग सेवा का उपयोग करने की अनुमति देता है;
• linting;
• अनुवाद प्रबंधन (भाषाओं को जोड़ना, i18n JSON फ़ाइलों के लिए संदेश निकालना);
• प्रोफाइलिंग, हालांकि बिल्ड कमांड लाइन के गुणों के बीच उल्लेख किया गया है, दुर्भाग्य से नहीं मिला है।

क्या कुछ अतिश्योक्तिपूर्ण है?

यदि आप तय करते हैं कि आपको कुछ मॉड्यूल की आवश्यकता नहीं है, तो आप उन्हें हटा सकते हैं और विधानसभा आपके निर्देशों ( यहां और यहां ) के साथ आपकी मदद करेगी।

क्या आपको लगता है कि कुछ याद आ रहा है?

विधानसभा द्वारा प्रदान की गई अतिरिक्त विशेषताएं:

• "ऑफ़लाइन-प्रथम", जिसका अर्थ है कि एक बार डाउनलोड किया गया एप्लिकेशन ऑफ़लाइन काम करता है, यहां तक ​​कि पुराने ब्राउज़रों पर भी;
• "नेटिव वेब ऐप", का अर्थ है कि आवेदन पर बार-बार आने पर, उपयोगकर्ता को होम स्क्रीन पर एक आइकन जोड़ने के लिए एक निमंत्रण प्राप्त होगा और एप्लिकेशन को "मूल" एप्लिकेशन के रूप में उपयोग किया जा सकता है (लेकिन एप्लिकेशन स्टोर द्वारा लगाए गए प्रतिबंध के बिना);
• अनुक्रमणिका जावास्क्रिप्ट सामग्री का समर्थन करने वाले खोज इंजन के लिए खोज इंजन अनुकूलन (पेज हेड टैग का प्रबंधन) के लिए समर्थन;
• वेब फ़ॉन्ट तेजी से लोड हो रहा है, जो फ़ॉन्ट प्रदर्शन देरी से जुड़े पृष्ठ प्रदर्शन देरी को समाप्त करता है;
• वेबपैक की छवि-लोडर के माध्यम से छवि अनुकूलन।

प्रलेखन

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

अपडेट, कीड़े

परियोजना को नियमित रूप से अपडेट किया जाता है, तुरंत अपने घटक मॉड्यूल (अंतिम अद्यतन 06/26/2018) में परिवर्तन का जवाब देता है, सक्रिय रूप से समस्याओं को हल करता है : उदाहरण के लिए, 11/08/2018 को, 1367 हल किए गए थे और 9 समस्याएं हल होने की प्रक्रिया में हैं।

तो क्या?

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

और अंत में - असेंबली मैक्सिमिलियन स्टॉयबर और उनकी टीम के लेखक का एक संदेश:

"यदि आपको अपने अगले सुपरफूड के निर्माण के लिए एक ठोस, युद्ध-परीक्षण की नींव की आवश्यकता है, और आपके पास रिएक्ट के साथ कुछ अनुभव है, तो यह आपके लिए एकदम सही है!"