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

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

WebAssembly मानकीकरण

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

2017 की दूसरी छमाही में, सभी प्रमुख ब्राउज़रों के डेवलपर्स ने WebAssembly के लिए समर्थन की सूचना दी । फिर, फरवरी 2018 में, 3 महत्वपूर्ण घटनाएं हुईं: WebAssembly विनिर्देश का पहला संस्करण जारी किया गया था, इसी जावास्क्रिप्ट इंटरफ़ेस और वेब एपीआई के विनिर्देशों को प्रकाशित किया गया था।

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

Npm से डाउनलोड किए गए पहले चार सबसे लोकप्रिय फ्रंट-एंड मॉड्यूल में रिएक्ट, jQuery, कोणीय, और Vue शामिल हैं। नीचे हम और अधिक विस्तार से वेब विकास के लिए पुस्तकालयों के साथ स्थिति के बारे में बात करेंगे।


एनपीएम से 2018 फ्रंट-एंड लाइब्रेरी डाउनलोड

रिएक्ट सामने वाले पुस्तकालयों की दुनिया पर हावी है और लगातार विकसित हो रहा है

रिएक्ट कई वर्षों से वेब विकास में एक नेता है। स्टैक ओवरफ्लो द्वारा किए गए सर्वेक्षण के अनुसार, 2018 में इसके उपयोग का दायरा बढ़ता रहा। यह लाइब्रेरी प्रोग्रामर्स के बीच सबसे प्रिय बनी हुई है।

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

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

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

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

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

Vue GitHub पर सितारों की संख्या से बायपास करने की प्रतिक्रिया को जारी रखने के लिए जारी है

2017 में Vue की विस्फोटक वृद्धि के बाद, 2018 में भी यही जारी रहा। इस ढांचे ने GitHub पर सितारों की संख्या के मामले में भी Reactformed।

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

इवान यू (Vue के निर्माता) Vue 3 के बारे में बहुत सारी बातें करते हैं

Vue संस्करण 3.0 जारी करने के लिए बढ़ रहा है। 2018 में, फ्रेमवर्क के निर्माता इवान यू ने फ्रेमवर्क की अपेक्षित क्षमताओं के बारे में विभिन्न घटनाओं पर बात की और इसके बारे में लिखा ।

कोणीय रूपरेखा बहुत लोकप्रिय है, इसकी सातवीं रिलीज

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

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

यह ध्यान दिया जाना चाहिए कि @angular/core npm पैकेज नया कोणीय है, और angular पैकेज पुराना AngularJS है।

यहां 2018 में @angular/core , angular , react और vue पैकेज के डाउनलोड के साथ-साथ एनटीपी डेटा हैं, साथ ही गिटहब से इन परियोजनाओं की स्थिति के बारे में जानकारी दी गई है।


कोणीय / कोर, कोणीय, प्रतिक्रिया और वीयू के लिए प्रोजेक्ट डेटा

अधिक से अधिक डेवलपर्स ग्राफकॉल सीखना चाहते हैं, लेकिन इस तकनीक ने अभी तक रीस्ट को बाईपास नहीं किया है।

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


ग्राफकॉल टेक्नोलॉजी

CSS-in-JS तकनीक आम होती जा रही है

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

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

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

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

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

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


2018 में स्टाइल घटकों और भावना पुस्तकालय

Vue फ्रेमवर्क अतिरिक्त लायब्रेरी के उपयोग के बिना एकल-फ़ाइल घटकों का उपयोग करते समय स्थानीय CSS का समर्थन करता है। ऐसा करने के लिए, बस scoped प्रॉपर्टी को style कंपोनेंट टैग में जोड़ें, जिसके बाद Vue CSS का उपयोग करता है। जेएस तकनीक का उपयोग स्थानीय शैलियों के साथ काम को व्यवस्थित करने के लिए करता है जो घटक से परे नहीं जाते हैं और अन्य घटकों में नहीं आते हैं।

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

प्रौद्योगिकी थकान से जूझ रहे डेवलपर्स कमांड लाइन टूल्स में मोक्ष पाते हैं

हर कोई जानता है कि लगातार अपडेट किए गए पुस्तकालयों की निगरानी के लिए यह कितना थकाऊ हो सकता है, जो वेब परियोजनाओं के लिए महत्वपूर्ण हैं, साथ ही साथ परियोजनाओं के खाते की लाइब्रेरी अपडेट में सही ढंग से अपडेट करना और ऐसी स्थितियों में सही वास्तु निर्णय लेना है। यह समस्या कमांड-लाइन टूल के विकास के लिए एक उत्प्रेरक बन गई है जो ऐसे मुद्दों को हल करती है, जिससे प्रोग्रामर अनुप्रयोगों पर काम करने पर ध्यान केंद्रित कर सकते हैं। ये सभी उपकरण मुख्य साधन बन गए हैं जिनके द्वारा 2018 में नए एप्लिकेशन बनाए गए हैं। विशेष रूप से, इस क्षेत्र में निम्नलिखित परियोजनाएं नोट की जा सकती हैं: Next.js (SSR for React), Create-React-App (क्लाइंट रिएक्ट एप्लिकेशन बनाना), Nuxt.js (Vue के लिए SSR), Vue CLI (क्लाइंट Vue एप्लिकेशन) , एक्सपो मूल निवासी, मानक कोणीय उपकरण के लिए एक्सपो सीएलआई ।

डेवलपर्स के सामने अंत को आसान बनाने और उत्पादकता बढ़ाने की इच्छा ने स्थैतिक साइट जनरेटर की लोकप्रियता में वृद्धि की है

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

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

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

सर्वरहित आर्किटेक्चर और JAMStack

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

सर्वरलेसता की दिशा में JAMStack वेब प्रोजेक्ट डेवलपमेंट मेथडोलॉजी (J जावास्क्रिप्ट है, A एपीआई है, M है, मार्कअप है, यानी मार्कअप) की बदौलत आंदोलन का विस्तार किया गया। JAMStack स्थैतिक साइटों को विकसित करने की अवधारणाओं पर आधारित है, जिसके बारे में हमने पिछले भाग में बात की थी। यह तकनीक आपको पूर्व-निर्मित मार्कअप के कारण अत्यधिक उच्च साइट लोडिंग गति प्राप्त करने की अनुमति देती है। क्लाइंट पर, ऐसी साइटें विशेष सर्वर एपीआई के उपयोग के माध्यम से गतिशील एसपीए में बदल जाती हैं। 2018 में, वह फ्रीकोडकोड, नेटलाइज़ और गीथहब के तत्वावधान में पहले जेमस्टैक हैकाथॉन से भी गुज़रे । यहाँ एक सामग्री है, जो freecodecamp.com पर JAM वास्तुकला के उपयोग की विशेषताओं को प्रदर्शित करती है, जो आपको JAMStack कार्यप्रणाली का उपयोग करके बड़े पैमाने पर अनुप्रयोगों के विकास की संभावनाओं का मूल्यांकन करने की अनुमति देती है।

टाइपस्क्रिप्ट जेएस का भविष्य हो सकता है, लेकिन फ्लो के लिए भी ऐसा नहीं कहा जा सकता है

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

सभी संकेतकों को देखते हुए, टाइपस्क्रिप्ट जेएस में स्थिर टाइपिंग के लिए एक मानक समाधान है, कई सामान्य जावास्क्रिप्ट पर टीएस पसंद करते हैं। इस साल, npm में टीएस डाउनलोड की संख्या लगातार और काफी बढ़ रही थी, जबकि फ्लो डाउनलोड शेड्यूल काफी सपाट रहा। किसी को यह महसूस होता है कि टाइपस्क्रिप्ट, केवल टाइपिंग के स्थैतिक अनुयायियों द्वारा उपयोग किए जाने वाले उपकरण से, वेब विकास के लिए एक अत्यंत व्यापक रूप से उपयोग किया जाने वाला उपकरण बन रहा है। यहाँ npm और GitHub से टाइपस्क्रिप्ट और फ्लो डेटा (बैबल babel-preset-flow ) है।


2018 की दूसरी छमाही में टाइपस्क्रिप्ट और फ्लो डाउनलोड

2018 की शुरुआत में वेबपैक 4 जारी किया गया था

वेबपैक 4 रिलीज होने के ठीक 8 महीने बाद वेबपैक 4 रिलीज किया गया। वेबपैक के नए संस्करण ने काम को आसान बनाने और निर्माण प्रक्रिया को गति देने की दिशा में कदम रखा है। कभी-कभी वेबपैक 4 का प्रदर्शन वेबपैक 3 के प्रदर्शन को 98% से अधिक कर सकता है। वेबपैक 4 का उद्देश्य काफी हद तक चयनित डिफ़ॉल्ट मापदंडों का उपयोग करना है, प्लग-इन की आवश्यकता के बिना अधिक सुविधाओं का समर्थन करता है, और वेबपैक का उपयोग शुरू करने के लिए, पहले कॉन्फ़िगरेशन फ़ाइल तैयार करना आवश्यक नहीं है। इसके अलावा, Webpack अब WebAssembly का समर्थन करता है और आपको सीधे WebAssembly फ़ाइलों को आयात करने की अनुमति देता है।

बेबल 7.0 रिलीज़ हुई

Babel 7 को 2018 में रिलीज़ किया गया था - Babel के रिलीज़ होने के लगभग तीन साल बाद 6. Babel एक लाइब्रेरी है, जिसके माध्यम से जावास्क्रिप्ट कोड को रूपांतरित किया जाता है, जो ES5 कोड में नए मानकों (ES6 +) की क्षमताओं का उपयोग करता है, जो क्रॉस के लिए अनुमति देता है। जेएस परियोजनाओं की ब्राउज़र संगतता। बाबेल के नए संस्करण की रिलीज़ के बारे में सूचित करने वाली सामग्री इंगित करती है कि बैबेल 7 तेज, अधिक आधुनिक है, उन्नत कॉन्फ़िगरेशन विकल्पों का समर्थन करता है, ने खनन से संबंधित कार्यक्षमता में सुधार किया है, जेएसएक्स फ़्रैगमेंट्स और टाइपस्क्रिप्ट प्रौद्योगिकियों का समर्थन करता है, नई भाषा निर्माण जो अपने शुरुआती चरण में हैं। सामंजस्य, और अधिक। यह ध्यान दिया जाना चाहिए कि @babel में बैबल पैकेज अब @babel नामस्थान का उपयोग करते हैं।

2018 के महत्वपूर्ण प्रकाशन

2018 में जारी किए गए कई महत्वपूर्ण प्रकाशनों पर विचार करें।

• 2018 में जावास्क्रिप्ट का उपयोग करने के लिए आप कितना भुगतान करते हैं , इसकी सामग्री यहां दी गई है ।
• यहाँ पर React Conf घटना की एक पोस्ट है, जहाँ से आप React के भविष्य के बारे में जान सकते हैं।
• इस लेख में, Airbnb ने 2 वर्षों में कंपनी द्वारा अधिग्रहित रिएक्ट नेटिव के साथ अपने अनुभव को साझा किया।
• यहां, Google हर किसी को दिखाता है जो इसे Google फ़ोटो वेब UI डिवाइस चाहता है।
• यहां आप पढ़ सकते हैं कि Microsoft एज ब्राउज़र को क्रोमियम प्लेटफ़ॉर्म पर स्थानांतरित करने जा रहा है।
• और यहाँ Node.js. के निर्माता रयान डाहल की एक बहुत ही रोचक प्रस्तुति है।

2019 के लिए पूर्वानुमान

2019 में फ्रंटएंड का क्या इंतजार है? यहाँ हमारा पूर्वानुमान है:

• इस तकनीक के निरंतर विकास, मानकीकरण और उत्पादकता के लिए डेवलपर्स की इच्छा के कारण WebAssembly वेब परियोजनाओं में तेजी से आम हो जाएगा।
• रिएक्ट अभी भी वेब डेवलपमेंट टूल रैंकिंग में सबसे ऊपर होगा, जबकि Vue और Angular अपने यूजर बेस को बढ़ाते रहेंगे।
• नियमित CSS की जगह CSS-in-JS मानक स्टाइलिंग दृष्टिकोण हो सकता है।
• शायद डेवलपर्स मानक वेब घटकों पर ध्यान देंगे।
• अप्रत्याशित रूप से, उत्पादकता वैश्विक ध्यान आकर्षित करने के लिए जारी रहेगी। इससे पता चलता है कि उन्नत वेब एप्लिकेशन (PWA) और कोड-शेयरिंग तकनीकों का उपयोग अधिकांश वेब परियोजनाओं में किया जाएगा।
• पीडब्ल्यूए के प्रसार और विकास के लिए धन्यवाद, वेब परियोजनाएं मोबाइल और डेस्कटॉप उपकरणों की क्षमताओं के साथ अधिक मजबूती से एकीकृत होंगी, और उपयोगकर्ताओं को बिना नेटवर्क कनेक्शन के पूर्ण क्षमता प्रदान करेंगी।
• डेवलपर्स को स्वतंत्र रूप से उपकरणों को कॉन्फ़िगर करने की आवश्यकता से मुक्त करने और उन्हें वेब परियोजनाओं को शांति से बनाने का अवसर देने के उद्देश्य से कमांड-लाइन टूल का विकास और विकास जारी रहेगा।
• अधिक कंपनियाँ मानक तकनीकों जैसे रिएक्ट नेटिव या स्पंदन के आधार पर मोबाइल समाधानों को लागू करेंगी।
• फ्रंट-एंड डेवलपमेंट में, कंटेनरीकरण की भूमिका बढ़ जाएगी (विशेष रूप से, हम डॉकर और कुबेरनेट्स के बारे में बात कर रहे हैं)।
• ग्राफकॉल का महत्वपूर्ण प्रचार होगा, इस तकनीक का उपयोग अधिक कंपनियों में किया जाएगा।
• टाइपस्क्रिप्ट को अब सामान्य जावास्क्रिप्ट के विकल्प के रूप में नहीं माना जाएगा, लेकिन उन परिस्थितियों में एक मानक विकल्प के रूप में जिनमें आमतौर पर जावास्क्रिप्ट को पहले चुना गया था।
• वर्चुअल रियलिटी तकनीक ए-फ्रेम , रिएक्ट वीआर और गूगल वीआर जैसे पुस्तकालयों का उपयोग करके एक बड़ा कदम उठाएगी ।

प्रिय पाठकों! 2019 में फ्रंट-एंड डेवलपमेंट से आपको क्या उम्मीद है?