फ्रंटेंड 2019: वर्ष के परिणाम

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



और यहाँ , वैसे, 2018 में हमारे द्वारा प्रकाशित समान सामग्री है। वहां, अंत में, 2019 के लिए एक पूर्वानुमान अनुभाग है। हमारी राय में, उनमें से कई उचित थे। यह लेख पूर्वानुमान के बिना नहीं करेगा, लेकिन हम खुद से आगे नहीं बढ़ेंगे।

Npm से लोकप्रिय फ्रंटएंड फ्रेमवर्क और लाइब्रेरी डाउनलोड करने के बारे में

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


Npm ( स्रोत ) से फ्रंटएंड फ्रेमवर्क और लाइब्रेरी डाउनलोड करें

WebAssembly HTML, CSS और JavaScript को मिलाकर वेब की चौथी भाषा बन जाती है

एक शांत वर्ष के बाद, WebAssembly प्रौद्योगिकी, दिसंबर की शुरुआत में, सभी के लिए प्रसिद्ध थी। तथ्य यह है कि यह आधिकारिक तौर पर W3C वेब विकास के लिए अनुशंसित है । W3C (वर्ल्ड वाइड वेब कंसोर्टियम) एक केंद्रीय अंतरराष्ट्रीय संगठन है जो वेब प्रौद्योगिकियों के मानकीकरण के लिए समर्पित है।

WebAssembly प्रौद्योगिकी, 2017 में इसकी शुरुआत के बाद से, व्यापक ध्यान आकर्षित किया है। कई पहले से ही इसका इस्तेमाल करते हैं। पिछले वर्षों में, WebAssembly 1.0 विनिर्देश जारी किया गया था, इस तकनीक के लिए समर्थन सभी प्रमुख ब्राउज़रों में एकीकृत किया गया था।

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

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

टाइपस्क्रिप्ट उपयोग तेजी से बढ़ रहा है, कई डेवलपर्स इस भाषा के लिए प्यार स्वीकार करते हैं

2019 को टाइपस्क्रिप्ट का वर्ष कहा जा सकता है। यह भाषा न केवल JS-code टाइप करने की समस्या को हल करने के लिए वास्तविक मानक बन गई है। कई डेवलपर्स भी व्यक्तिगत परियोजनाओं और काम पर दोनों सामान्य जावास्क्रिप्ट पर इसे पसंद करते हैं।

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


कई डेवलपर्स टाइपस्क्रिप्ट पसंद करते हैं

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

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

अगर हम टाइपस्क्रिप्ट की लोकप्रियता के बारे में बात करते हैं, तो यह ध्यान देने योग्य है कि 2019 में यह एनपीएम से डाउनलोड की संख्या में प्रतिक्रिया को बेहतर बनाएगा। उसके पास अपने प्रतिस्पर्धियों की तुलना में बहुत अधिक डाउनलोड हैं - फ्लो और रीज़न जैसी परियोजनाएं।

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


टाइपस्क्रिप्ट एनपीएम में रिएक्ट को बायपास करता है

टाइपस्क्रिप्ट 3.0 को 2018 के अंत में जारी किया गया था। 2019 में, उन्हें संस्करण 3.7 मिला, जिसमें ईसीएमएस्क्रिप्ट मानक की नवीनतम विशेषताएं शामिल थीं, जैसे कि वैकल्पिक श्रृंखला और केवल null और undefined मूल्यों की जांच करना। टाइपस्क्रिप्ट के नए संस्करण ने प्रकारों के साथ काम करने से संबंधित कार्यक्षमता में सुधार किया है।

रिएक्ट जारी है, डेवलपर्स हुक के बारे में भावुक हैं

Vue और Angular ने उपयोगकर्ता समुदायों को समर्पित किया है। Vit ने GitHub पर सितारों की संख्या में प्रतिक्रिया को बेहतर बना दिया। लेकिन व्यावहारिक उपयोग के मामले में, यह प्रोग्रामर या उनके काम की व्यक्तिगत परियोजनाएं हो सकती हैं, रिएक्ट आत्मविश्वास से पहला स्थान रखता है।

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

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

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

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

• रिएक्टर डेवलपर टूल्स का नया संस्करण।
• नया प्रदर्शन प्रोफाइलर।
• React App v3 बनाएं।
• परीक्षण के लिए उपयोगिता अद्यतन।
• प्रतियोगी मोड (अपेक्षित)।
• सीएसएस-इन-जेएस प्रणाली फेसबुक (अपेक्षित) द्वारा उपयोग की जाती है।
• काम (अपेक्षित) के लिए पूर्व-गाया पेज कोड की प्रगतिशील / चयनात्मक तैयारी।
• उपलब्धता (अपेक्षित) के संबंध में मूल सुधार।

यह माना जाता है कि यदि कोई प्रोग्रामर सुखद काम कर रहा है, तो वह कुछ ऐसा करने में सफल होगा जो उपयोगकर्ताओं पर सकारात्मक प्रभाव डालेगा। नतीजतन, ऊपर वर्णित रिएक्टर डेवलपर पहल सभी के लिए एक जीत है। यहां पर रिएक्ट कॉन्फ 2019 से अपेक्षित रिएक्ट फीचर्स पर बातचीत चल रही है, और यहां इस इवेंट की सभी वार्ताओं की एक कड़ी है।

Vue फ्रेमवर्क संस्करण 3 रिलीज की तैयारी कर रहा है, इसका उपयोग बढ़ रहा है

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

Vue world में मुख्य समाचार आगामी रिलीज 3.0 है। अल्फा संस्करण वर्ष के अंत में होने की उम्मीद है। इस वर्ष, Vue 2.x को केवल कुछ अपडेट मिले, यह वर्ष की शुरुआत के करीब था। तथ्य यह है कि डेवलपर्स के सभी बल Vue 3.0 की रिहाई के उद्देश्य से हैं।

इस तथ्य से कि इस वर्ष बहुत सारी रिलीज़ नहीं हुईं, इसका मतलब यह नहीं है कि इस ढांचे के साथ कुछ भी दिलचस्प नहीं है। जब ईवान यू ने वीयू के तीसरे संस्करण के लिए आरएफसी जारी किया, तो परिवर्तन के बारे में समुदाय में व्यापक चर्चा हुई। उदाहरण के लिए, आप उन्हें यहाँ और यहाँ पढ़ सकते हैं।

Vue Developers को परेशान करने वाली मुख्य समस्या फ्रेमवर्क API में एक बड़ा बदलाव था। हालांकि, इस तरह की नकारात्मक प्रतिक्रिया के सामने आने के बाद, यह कहा गया था कि नए API को पुराने के साथ जोड़ा जाएगा और वे Vue 2 के साथ पिछड़े संगत होंगे। कई डेवलपर्स का कहना है कि अगर नई Vue रिलीज़ को वे पसंद नहीं करते हैं, तो वे विचार करेंगे। Svelte पर स्विच करने की क्षमता। लोगों को डर है कि Vue परिवर्तन इस ढांचे को बहुत हद तक प्रतिक्रिया की तरह बना देगा। हालाँकि समुदाय के कई सदस्य अभी भी रूपरेखा के भविष्य के बारे में चिंतित हैं, फिर भी एक भावना है कि शोर कम हो गया है और हर कोई बस एक नई रिलीज की प्रतीक्षा कर रहा है।

Vue 3 में, विवादास्पद कार्यक्षमता के अलावा, कुछ नई दिलचस्प विशेषताएं और उपयोगी बदलाव दिखाई देने की उम्मीद है:

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

Vue दुनिया में एक उल्लेखनीय घटना इस साल Vue CLI के 4 वें संस्करण की रिलीज़ थी, जहां मुख्य ध्यान बुनियादी उपकरणों को अपडेट करने पर है।

यहां पर ईवान यू की चर्चा है।

कोणीय के 8 वें और 9 वें संस्करण सामने आ रहे हैं, साथ ही नए आइवी संकलन / रेंडरिंग इंजन भी

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

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

2019 में, कोणीय का संस्करण 8 जारी किया गया था। उसी वर्ष, नया आइवी संकलन / रेंडरिंग इंजन जारी किया गया था। आइवी की मुख्य ताकत यह है कि यह बंडलों के आकार को कम करता है। लेकिन, वास्तव में, यह कोणीय और कई अन्य उपयोगीताओं को लाता है। अब, कोणीय 9 की रिलीज से पहले, आइवी एक वैकल्पिक विशेषता है। यहाँ आप कोणीय में नया क्या है का विवरण पढ़ सकते हैं। मैं विशेष रूप से निम्नलिखित नोट करना चाहूंगा:

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

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

अब पहले की तुलना में पहुंच क्षमता (a11y) और अंतर्राष्ट्रीयकरण (i18n) पर अधिक ध्यान दिया जाता है

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

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

और यहाँ w3.org पर अंतर्राष्ट्रीयकरण के बारे में क्या कहा गया है: “यदि आप किसी परियोजना का अंतर्राष्ट्रीयकरण करते हैं, तो इसका मतलब है कि आप अपनी स्वयं की सामग्री, एप्लिकेशन, विनिर्देशों और अन्य समान संसाधनों को डिज़ाइन कर रहे हैं या बना रहे हैं, ताकि यह किसी भी संस्कृति से संबंधित उपयोगकर्ताओं के लिए सामान्य रूप से काम कर सके। किसी भी क्षेत्र में रहना, किसी भी भाषा को बोलना, या ऐसे उपयोगकर्ताओं के लिए उन्हें अनुकूलित करना आसान बनाता है। ”

ES2019 की विशेषताएं

ECMAScript (जिस विनिर्देशन पर जावास्क्रिप्ट आधारित है) इस वर्ष के वार्षिक अद्यतन चक्र का अनुसरण करता है। ES2019 मानक में कई नई विशेषताएं हैं । यहाँ उनमें से कुछ हैं:

• विधि Object.fromEntries() ।
• String.trimStart() और String.trimEnd() विधि।
• JSON.stringify() विधि में बेहतर यूनिकोड समर्थन।
• Array.flat() विधि।
• Array.flatMap() विधि।
• try/catch साथ बेहतर काम।
• Symbol वस्तुओं का description ।

हालांकि ES2019 में बहुत ही दिलचस्प नई सुविधाएँ सामने आई हैं, आगामी ES2020 मानक में चीजें आ सकती हैं, जो ES6 / ES2015 के बाद सबसे अधिक अनुमानित होने की संभावना है:

• निजी वर्ग के क्षेत्र।
• वैकल्पिक श्रृंखलाएँ obj.field?.maybe?.exists
• केवल null और undefined पर मूल्यों की जाँच - item ?? 'use this only if item is null/undefined' item ?? 'use this only if item is null/undefined' ।
• BigInt डेटा BigInt ।

विस्फोटक स्पंदन लोकप्रियता

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

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

यहां एक तालिका है जिसमें कुछ संकेतकों के लिए रिएक्ट मूल और स्पंदन का मिलान किया जाता है।

Node.js फाउंडेशन और JS फाउंडेशन ने OpenJS फाउंडेशन बनाने के लिए विलय कर दिया; Node.js 12 LTS रिलीज़ होगी

जावास्क्रिप्ट पारिस्थितिकी तंत्र का समर्थन करने और भाषा के विकास में तेजी लाने के लिए, Node.js फाउंडेशन और JS फाउंडेशन का विलय OpenJS फाउंडेशन के रूप में हो गया। इस कदम का मुख्य विचार एक तटस्थ संगठन के तत्वावधान में सहयोग और प्रौद्योगिकी विकास स्थापित करना है, जो अब 31 ओपन-सोर्स परियोजनाओं को एकजुट करता है। इन परियोजनाओं में नोड, jQuery और वेबपैक शामिल हैं। इस पहल को संपूर्ण जेएस समुदाय के लिए एक सकारात्मक आंदोलन के रूप में देखा जा सकता है। यह Google, IBM और Microsoft जैसी प्रमुख प्रौद्योगिकी कंपनियों द्वारा समर्थित है।

Node.js का 12 वां संस्करण, इस वर्ष, स्थापित परंपरा के अनुसार, अप्रैल 2023 तक दीर्घकालिक समर्थन (LTS, दीर्घकालिक समर्थन) प्राप्त करेगा। Node.js 12 कई नई सुविधाएँ, सुरक्षा अद्यतन और प्रदर्शन सुधार प्रदान करता है। कुछ उल्लेखनीय नवाचारों में import/export निर्माण के लिए मूल समर्थन, निजी वर्ग के क्षेत्रों के लिए समर्थन, V8 इंजन संस्करण 7.4 के साथ संगतता, टीएलएस 1.3 के लिए समर्थन और अतिरिक्त नैदानिक ​​उपकरणों के उद्भव शामिल हैं। यहाँ Node.js 12 नवाचारों पर सामग्री है।

Svelte फ्रेमवर्क बहुत ध्यान आकर्षित करता है, लेकिन अभी तक व्यापक रूप से उपयोग नहीं किया गया है।

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

• Svelte Developers कम कोड लिखते हैं।
• फ़्रेमवर्क वर्चुअल DOM का उपयोग नहीं करता है।
• वह वास्तव में प्रतिक्रियाशील है।

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

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

स्थिर साइटें अभी भी प्रासंगिक हैं, डेवलपर्स JAMStack को पेश कर रहे हैं

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

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

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

PWA बढ़ रहे हैं, उनका कार्यान्वयन बढ़ रहा है

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

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

सीमावर्ती उपकरण सचमुच उच्च गुणवत्ता के हो जाते हैं

सीमांत डेवलपर्स कई वर्षों से जावास्क्रिप्ट थकान के बारे में शिकायत कर रहे हैं। लेकिन आप देख सकते हैं कि खुले स्रोत परियोजनाओं का समर्थन करने वालों के भारी प्रयासों के कारण यह समस्या धीरे-धीरे कैसे गायब हो रही है।

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

, , . , . , , Create React App, Vue CLI, Angular CLI. — Gatsby, , Expo, React Native. Next Nuxt , . GraphQL- Hasura, TypeScript- GraphQL Code Generator. Webpack. — , .

, « -»?

GraphQL ,

GraphQL , , REST. , , GraphQL. , API GitHub GraphQL , .

GraphQL- . , JSON-. API GraphQL , , API .

API GraphQL , , , TypeScript-. GraphQL Code Generator , TypeScript-, .

GraphQL . Apollo .


GraphQL

CSS-in-JS

-, , JavaScript. CSS-in-JS, , JavaScript-.

, , , JavaScript- import/export . , , , , CSS-in-JS , . , , Facebook CSS-in-JS — , .

, CSS CSS-in-JS. CSS , . , CSS-:

 // JS-  const MyComp = ({ isActive }) => {  const className = isActive ? 'active' : 'inactive';  return <div className={className}>HI</div> } // CSS- .active { color: green; } .inactive { color: red; } 

CSS-in-JS CSS- . , . , React, , . JS-, React:

 const Header = styled.div`  color: ${({ isActive }) => isActive ? 'green' : 'red'}; `; const MyComp = ({ isActive }} => (  <Header isActive={isActive}>HI</Header> ) 

styled-components emotion — CSS-in-JS-. emotion 2019 styled-components . , , , CSS-in-JS. , .


CSS-in-JS-

VS Code

IDE . , , , . -, , . , , VS Code. — , , , , .

State of JS Survey 2019 .


VS Code —

Webpack 5 -

Webpack , JavaScript-. — . Webpack , , . 5 Webpack :

• .
• .
• , , Webpack.

Jest Flow TypeScript

Facebook , Jest . Flow — TypeScript. 2019 , Jest Flow TypeScript. , TypeScript JS-. TypeScript 2020 , .

Chrome 72-78

Chrome . , -, . 2019 7 Chrome. Chrome 79 -, Chrome 80 dev-, Chrome 81 — canary-. , Chrome 2019 .

Microsoft Edge Chromium

Internet Explorer, Edge, - . , , . , - . , Microsoft Chromium Google. 2019 -.

Facebook Hermes — JavaScript- Android, React Native

Facebook , JavaScript- Android . — Hermes . Facebook React Native. , , React Native .

2020

, 2020 :

• - . PWA.
• WebAssembly , .
• GraphQL REST, , GraphQL.
• TypeScript .
• , , -. .
• CSS-in-JS , CSS, .
• «» . , . , . 2020 .
• Flutter React Native - .
• , Svelte.
• Deno ( TypeScript, Node.js).
• AR/VR A-Frame , React VR Google VR . AR/VR.
  
• - (Docker, Kubernetes).

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