जावास्क्रिप्ट फ्रेमवर्क: 2019 के रुझान

हम आपके लिए नॉयस लोटाना के एक लेख का अनुवाद प्रस्तुत करते हैं, जो blog.bitsrc.io पर प्रकाशित हुआ था। इसमें सर्वश्रेष्ठ चौखटे और सूचना का चयन है जो शुरुआती और अनुभवी पेशेवरों दोनों के लिए उपयोगी है।

जेएस राज्य की अगली रिपोर्ट और नए साल के लिए हमारा पूर्वानुमान यहां हैं!

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


जेएस की स्थिति

इस लेख में, हम जेएस डेटा और अंतर्दृष्टि के राज्य पर भरोसा करेंगे, साथ ही साथ जेटब्रेन द्वारा साझा की गई अंतर्दृष्टि अपनी वार्षिक द स्टेट ऑफ डेवलपर इकोसिस्टम रिपोर्ट में।

जेएस राज्य क्या है?

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

जेएस राज्य क्यों?

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

भाग 1. सीमावर्ती विकास रूपरेखा

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

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

1. प्रतिक्रिया



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

रिएक्ट डेवलपर्स 2018 में उच्चतम भुगतान वाले जावास्क्रिप्ट डेवलपर्स में से एक हैं।

आप इसके लिए इच्छित क्रिएशन-रिएक्शन-ऐप टूलचिन का उपयोग करके एक नया रिएक्ट एप्लिकेशन बना सकते हैं, जो वर्तमान में सबसे लोकप्रिय है। इसके साथ काम करना शुरू करने के लिए, प्रोजेक्ट फ़ोल्डर की कमांड लाइन पर निम्न पंक्तियाँ चलाएँ:

npm create-react-app my-app cd my-app npm start 

2. Vue



ईयू यू और 234 अधिक उत्साही लोगों द्वारा बनाए गए उपयोगकर्ता इंटरफेस के निर्माण के लिए एक प्रगतिशील ढांचा Vue.js, GitHub पर 121 हजार से अधिक सितारे प्राप्त कर चुका है। इसमें एक सुलभ रूट लाइब्रेरी शामिल है, जो मुख्य रूप से प्रस्तुति-स्तर के कार्यों को हल करती है, और अतिरिक्त पुस्तकालयों का एक पारिस्थितिकी तंत्र है जो आपको जटिल और चमकदार सिंगल-पेज एप्लिकेशन (सिंगल-पेज एप्लिकेशन) बनाने की अनुमति देता है।

Vue.js शब्द के दृश्य की तरह ही उच्चारित किया गया है और इसमें रिएक्ट की तुलना में 4,000 अधिक GitHub तारे हैं।

जैसा कि आप ग्राफ पर देख सकते हैं, Vue मार्केटिंग चैस पर कूदने में कामयाब रहा: लगभग हर डेवलपर ने इसके बारे में सुना। यह माना जा सकता है कि यह उन जबरदस्त प्रयासों के कारण था जो इवान और उनकी टीम 2017 से बना रही है, विभिन्न बैठकों और सम्मेलनों में भाग लेने के साथ-साथ अपने स्वयं के आयोजन भी। फिर भी, डेवलपर्स का ज्ञान अंतर अभी भी मौजूद है, और इसे बंद करने के लिए, 2019 में Vue.js. के साथ काम करने पर अधिक प्रशिक्षण सामग्री बनाना आवश्यक है। Npm का उपयोग करके इस ढांचे को स्थापित करें:

 npm install vue 

3. कोणीय



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

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

 npm install -g @angular/cli 

भाग 2. डेटा फ्रेमवर्क

इस भाग में, हम डेटा ट्रांसमिशन और प्रबंधन तकनीकों पर विचार करेंगे।

1. Redux



GitHub पर 45,000 सितारों के साथ Redux, जावास्क्रिप्ट अनुप्रयोगों के लिए एक पूर्वानुमानित राज्य कंटेनर है। यह स्थिर व्यवहार अनुप्रयोगों को लिखने में मदद करता है जो क्लाइंट, सर्वर और देशी वातावरण पर चलते हैं और परीक्षण करने में आसान होते हैं। Redux को प्रस्तुति के लिए रिएक्ट या किसी अन्य पुस्तकालय के साथ उपयोग किया जा सकता है।

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

 npm install — save redux 

2. ग्राफक



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

निश्चित रूप से, 2019 में ग्राफक्यूएल के साथ काम करने के लिए एक बाजार आला होगा, क्योंकि कई लोग इसे अध्ययन करने में रुचि रखते हैं। इसके अलावा, ग्राफ से पता चलता है कि 2018 में ब्रांड जागरूकता की कमी लगभग पूरी तरह से समाप्त हो गई थी। GraphQL स्थापित करने के लिए, npm का उपयोग करें:

 npm install graphql 

3. अपोलो



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

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

 // installing the preset package npm install apollo-boost graphql-tag graphql --save // installing each piece independently npm install apollo-client apollo-cache-inmemory apollo-link-http graphql-tag graphql --save 

भाग 3. बैकेंड डेवलपमेंट फ्रेमवर्क

इस क्षेत्र में कोई महत्वपूर्ण बदलाव नहीं हुए हैं: एक्सप्रेस अभी भी आगे है - कोई अन्य बैकएंड फ्रेमवर्क डेवलपर्स को उसी हद तक खुश नहीं कर सकता है।

1. एक्सप्रेस



GitHub, एक्सप्रेस पर 41 हजार से अधिक सितारों का मालिक - Node.js अनुप्रयोगों के लिए एक तेज़, लचीला और न्यूनतर वेब ढांचा।

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

 npm install express — save 

2. अगला



हालाँकि अगले के जीवनकाल में वृद्धि की कल्पना करने के लिए पर्याप्त डेटा नहीं था, फिर भी हम कह सकते हैं कि इस बैकएंड फ्रेमवर्क का एक अच्छा वर्ष था, जिससे यह एक्सप्रेस के बाद सबसे अधिक मांग थी।

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

 npm install --save next react react-dom 

3. कोया



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

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

 npm install koa 

संदर्भ

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

निष्कर्ष

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