🐝 😻 💅🏾 एलेक्सी ग्रेचेव: गो फ्रंटेंड 👨‍💻 👨🏽‍🚀 🎊

कीव गो मीटअप मई 2018:

होस्ट: - सभी को नमस्कार! यहाँ आने के लिए धन्यवाद! आज हमारे पास दो आधिकारिक वक्ता हैं - लेशा और वान्या। अगर हमारे पास पर्याप्त समय है तो दो और होंगे। पहले वक्ता एलेक्सी ग्रेचेव हैं, वह हमें गोफरजेएस के बारे में बताएंगे।

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

किंवदंती यह है: पहले हम इस बारे में बात करेंगे कि हम आगे के छोर पर गो क्यों चलाना चाहते हैं, फिर हम इस बारे में बात करेंगे कि यह कैसे किया जा सकता है। दो तरीके हैं - वेब असेंबली और गोफरजेएस। आइए देखें कि ये फैसले किस राज्य में हैं और क्या किए जा सकते हैं।

सामने वाले का क्या कसूर है?

क्या हर कोई इस बात से सहमत है कि सामने वाले के साथ सब कुछ ठीक है?

क्या कुछ परीक्षण हैं? धीमी गति से विधानसभा? पारिस्थितिकी तंत्र? अच्छा।

फ्रंटेंड के बारे में, मुझे पसंद है कि फ्रंटेंड डेवलपर्स में से एक ने अपनी पुस्तक में कहा:

जावास्क्रिप्ट में कोई प्रकार की प्रणाली नहीं है। अब मैं अपने काम के दौरान आने वाली समस्याओं का नाम लूंगा और समझाऊंगा कि वे कैसे हल होती हैं।

एक प्रकार की प्रणाली को Javasript में एक प्रकार की प्रणाली को कॉल करना आम तौर पर मुश्किल होता है - ऐसी रेखाएं होती हैं जो किसी वस्तु के प्रकार को इंगित करती हैं, लेकिन वास्तव में इसका प्रकारों से कोई लेना-देना नहीं है। यह समस्या टाइपस्क्रिप्ट (जावास्क्रिप्ट के लिए एक ऐड-ऑन) और फ्लो (जावास्क्रिप्ट में स्थिर-चेकर प्रकार) में हल हो गई है। दरअसल, जावास्क्रिप्ट में खराब प्रकार की प्रणाली की समस्या के समाधान के लिए पहले से ही सीमा तक पहुंच गई है।

ब्राउज़र में कोई मानक पुस्तकालय नहीं है जैसे - कुछ अंतर्निहित वस्तुएँ और ब्राउज़र में "जादू" फ़ंक्शन हैं। लेकिन मेरे पास जावास्क्रिप्ट में मानक पुस्तकालय नहीं है। इस समस्या को एक बार jQuery द्वारा हल किया गया था (हर किसी ने jQuery का उपयोग सभी प्रोटोटाइप, सहायकों, कार्यों के लिए किया जाता है जो काम करने के लिए आवश्यक हैं)। अब हर कोई Lodash:

Callback नरक का उपयोग कर रहा है। मुझे लगता है कि हर किसी ने कुछ 5 साल पहले जावास्क्रिप्ट कोड देखा था, और यह कॉलबैक की अविश्वसनीय पेचीदगियों से "नूडल्स" जैसा दिखता था। अब यह समस्या हल हो गई है (ES-15 या ES-16 की रिलीज़ के साथ), उन्होंने जावास्क्रिप्ट में वादे जोड़े और हर कोई थोड़ी देर के लिए आसान साँस लेने लगा।

प्रॉमिस नरक आने तक ... मुझे नहीं पता कि सामने वाला उद्योग कैसे प्रबंधित करता है, लेकिन वे लगातार खुद को कुछ अजीब विडाल में चलाते हैं। वे भी "वादों" पर नरक बनाने में कामयाब रहे। फिर उन्होंने एक नई आदिम - async / प्रतीक्षा को जोड़कर

इस समस्या को हल किया : इस समस्या को asynchrony से हल किया गया है। विभिन्न भाषाओं में Async / wait काफी लोकप्रिय आदिम है। "पायथन" और अन्य में ऐसा दृष्टिकोण है - यह काफी अच्छा है। समस्या हल हो गई है।

क्या समस्या हल नहीं हुई है? चौखटे की जटिलता जो तेजी से बढ़ती है, पारिस्थितिकी तंत्र की जटिलता और स्वयं कार्यक्रम।

Javasript वाक्यविन्यास थोड़ा अजीब है। हम सभी एक सरणी और एक ऑब्जेक्ट और अन्य चुटकुले को जोड़ने के साथ समस्याओं को जानते हैं।
जावास्क्रिप्ट बहु-प्रतिमान है। अब यह एक विशेष रूप से अत्यावश्यक प्रणाली है जब पारिस्थितिकी तंत्र बहुत बड़ा है:
- हर कोई अलग-अलग शैलियों में लिखता है - कोई संरचनात्मक रूप से लिखता है, कोई कार्यात्मक रूप से लिखता है, अलग-अलग डेवलपर्स अलग-अलग लिखते हैं;
- जब आप विभिन्न पैकेजों का उपयोग करते हैं, तो अलग-अलग पैकेजों से, अलग-अलग प्रतिमानों से;
- Javasrip में कार्यात्मक प्रोग्रामिंग के साथ "मज़ा" का एक बहुत कुछ है - रामबाड़ा पुस्तकालय दिखाई दिया है और अब कोई भी इस पुस्तकालय में लिखे गए कार्यक्रमों को नहीं पढ़ सकता है।
यह सब पारिस्थितिकी तंत्र पर एक बड़ा प्रभाव डालता है, और यह अविश्वसनीय रूप से बढ़ गया है। पैकेज एक-दूसरे के साथ असंगत हैं: किसी ने वादे पर, किसी ने एसिंक्स / वेट पर, किसी ने कॉलबैक पर। वे अलग-अलग प्रतिमानों में भी लिखते हैं!
इससे परियोजना को बनाए रखना मुश्किल हो जाता है। यदि आप कोड नहीं पढ़ सकते हैं तो बग ढूंढना कठिन है।

वेब एसेली क्या है?

मोज़िला फाउंडेशन और कई अन्य कंपनियों के बहादुर लोग वेब असेंबली के साथ आए। यह क्या है?

यह एक वर्चुअल मशीन है जिसे ब्राउज़र में बनाया गया है जो बाइनरी फॉर्मेट को सपोर्ट करता है।
बाइनरी प्रोग्राम वहां मिलते हैं, उन्हें लगभग मूल रूप से निष्पादित किया जाता है, अर्थात, ब्राउज़र को हर बार जावास्क्रिप्ट कोड के सभी "नूडल्स" को पार्स करने की आवश्यकता नहीं होती है।
सभी ब्राउज़रों ने समर्थन की घोषणा की है।
चूंकि यह एक बाइटकोड है, आप किसी भी भाषा के लिए एक कंपाइलर लिख सकते हैं।
चार प्रमुख ब्राउज़र पहले से ही वेब असेंबली समर्थन के साथ आते हैं।
जल्द ही हम गो में देशी समर्थन की प्रतीक्षा कर रहे हैं। इस तरह का एक नया आर्किटेक्चर पहले ही जोड़ा जा चुका है: GOARCH = wasm GOOS = js (soon)। अब तक, जैसा कि मैं इसे समझता हूं, यह कार्यात्मक नहीं है, लेकिन एक बयान है कि यह निश्चित रूप से गो में होगा।

अब क्या करे? Gopherjs

जबकि हमारे पास वेब असेंबली का समर्थन नहीं है, लेकिन गोफरजेएस जैसे एक ट्रांसपोर्टर है।

जाओ कोड शुद्ध जावास्क्रिप्ट के लिए ट्रांसपाइल्स।
– , ( Vanilla JS, ).
, Go, … – , .
, , : syscall, net- ( net/http-, , XMLHttpRequest). – , stdlib Go, .
Go, ( .) GopherJS .

गोफरजेएस प्राप्त करना बहुत आसान है - यह एक नियमित गो पैकेज है। हम चलते हैं, और हमारे पास आवेदन को बनाने के लिए गोफरजेएस टीम है:

यहाँ इस तरह का एक छोटा सा हैलो वर्ल्ड है ...

... एक नियमित गो-प्रोग्राम, मानक पुस्तकालय का एक नियमित fmt पैकेज और ब्राउज़र एपीआई तक पहुँचने के लिए बाइंडिंग जे.एस. Println को अंततः कंसोल लॉग में परिवर्तित किया जाएगा और ब्राउज़र "हेलो गॉफ़र्स" लिखेगा! यह इतना आसान है: हम गोफरजेएस का निर्माण करते हैं - इसे एक ब्राउज़र में चलाते हैं - सब कुछ काम करता है!

फिलहाल क्या है? बाइंडिंग

सभी लोकप्रिय js चौखटों में बाँधने हैं:

JQuery
Angular.js;
बड़े डेटा के साथ रेखांकन और काम करने के लिए D3.js;
React.js;
VueJS;
यहां तक कि इलेक्ट्रॉन समर्थन भी है (अर्थात, हम अब इलेक्ट्रॉन पर डेस्कटॉप अनुप्रयोग लिख सकते हैं);
और सबसे मजेदार बात वेबजीएल है (हम 3 डी ग्राफिक्स, संगीत और सभी उपहारों के साथ गेम सहित पूर्ण-ग्राफ़िकल एप्लिकेशन बना सकते हैं);
और सभी लोकप्रिय जावास्क्रिप्ट चौखटे और पुस्तकालयों के लिए बहुत सारे अन्य बाँधने वाले।

ढांचा

गोफरजेएस - वेक्टी के लिए विशेष रूप से विकसित एक वेब फ्रेमवर्क पहले से ही है। यह React.js का एक पूर्ण एनालॉग है, लेकिन केवल गोफर जेएसएस की बारीकियों के साथ, गो पर विकसित किया गया है।
गेम बैग (अचानक!) हैं। मुझे दो सबसे लोकप्रिय मिले:
- Engo;
- Ebiten।

यह कैसे दिखता है और अब आप Go पर क्या लिख सकते हैं, इसके कुछ उदाहरणों को प्रदर्शित करूँगा:

या ऐसा कोई विकल्प (मुझे 3D शूटर नहीं मिल रहा है, लेकिन शायद यह है):

मैं क्या सुझाव दूं?

अब फ्रंट-एंड इंडस्ट्री ऐसी अवस्था में है कि इससे पहले जो भी भाषाएँ जावास्क्रिप्ट से रोई थीं, वे वहाँ पहुँच जाएँगी। अब सभी को वेब असेंबलियों में संकलित किया जाएगा। "गोफर्स" के रूप में हमें एक योग्य जगह लेने की क्या आवश्यकता है?

गो परंपरागत रूप से चला गया है कि यह एक सिस्टम प्रोग्रामिंग भाषा है, और यूआई के साथ काम करने के लिए व्यावहारिक रूप से कोई लाइब्रेरी नहीं है। कुछ है, लेकिन यह आधा परित्यक्त है, आधा गैर-कार्यात्मक है।

और यहां गो लॉर्ज पर यूआई लाइब्रेरी बनाने का एक अच्छा मौका है जो गोफरजेएस पर चलेगा! आप अंततः अपनी रूपरेखा लिख सकते हैं! समय आ गया है जब आप एक रूपरेखा लिख सकते हैं, और यह पहले में से एक होगा और जल्दी अनुकूलन प्राप्त करेगा, और आप एक स्टार होंगे (यदि यह एक अच्छा ढांचा है)।

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

आप एक खेल लिख सकते हैं! बस मजे के लिए ...

मेरे पास है।

प्रशन

प्रश्न (इसके बाद - प्र): - क्या मैं गो या जेएस में लिखता हूं?

AG: - आप गो पर एम्बेड, रूटीन, चैनल, संरचनाएँ लिखते हैं - यह बात है ... आप किसी ईवेंट की सदस्यता लेते हैं, वहाँ एक फ़ंक्शन पास करते हैं।

Q: - अर्थात, मैं "नंगे" Js पर लिखता हूँ?

AG: - नहीं, आप लिखते हैं जैसे कि Go पर जाएं और ब्राउज़र API से कनेक्ट करें (API उसी समय नहीं बदला है)। आप अपनी बाइंडिंग लिख सकते हैं ताकि संदेश चैनल पर आए - यह आसान है।

Q: - मोबाइल का क्या?

एजी: - मैंने निश्चित रूप से देखा: कॉर्डोवा पैच के लिए बाइंडर्स हैं जो जेएस लॉन्च करते हैं। प्रतिक्रियात्मक मूल में, मुझे नहीं पता; शायद वहाँ है, शायद नहीं (वास्तव में दिलचस्पी नहीं है)। एन-गो गेम इंजन मोबाइल एप्लिकेशन - iOs और Android दोनों का समर्थन करता है।

एटी:- वेब असेंबली पर सवाल। अधिक से अधिक स्थानों पर कब्जा कर लिया जाता है, तंगी के बावजूद, "ज़िपिंग" ... क्या हम इस तरह से आगे के छोर को भी मार सकते हैं?

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

प्रश्न: - स्पष्ट रूप से रनटाइम से कम ...

एजी: - "शुद्ध" जावास्क्रिप्ट पर?

क्यू: - हाँ। हम इसे भेजने से पहले इसे निचोड़ते हैं ...

AG:- लेकिन यह पाठ है ... सामान्य तौर पर, मेगाबाइट बहुत होते हैं, लेकिन यह सब (आपके पास सभी रनटाइम है)। इसके बाद, आप अपना व्यावसायिक तर्क लिखते हैं, जिससे आपके बाइनरी में 1% की वृद्धि होगी। जब तक मैं इस दृश्य को मार नहीं देखता। इसके अलावा, वेब विधानसभा स्पष्ट कारण के लिए जावास्क्रिप्ट से अधिक तेजी से चलेगी - इसे पार्स करने की आवश्यकता नहीं है।

प्रश्न: - अब तक, एक विवादास्पद क्षण ... अभी भी "प्लाज्मा" (वेब असेंबली) का कोई संदर्भ कार्यान्वयन नहीं है, ताकि आप स्पष्ट रूप से न्याय कर सकें। वैचारिक रूप से - हाँ: हम सभी समझते हैं कि द्विआधारी तेज होना चाहिए, लेकिन उसी V8 का वर्तमान कार्यान्वयन बहुत प्रभावी है।

एजी: - हाँ।

प्रश्न: - संकलन वास्तव में वहाँ काम करता है और यह एक तथ्य नहीं है कि एक बड़ा लाभ होगा।

एजी: - वेब असेंबली भी महान लोग कर रहे हैं।

एटी:- अब तक, यह मुझे लगता है, वेब असेंबली को जज करना अभी भी मुश्किल है। कई वर्षों से बात चल रही है, और कुछ वास्तविक उपलब्धियां हैं जिन्हें महसूस किया जा सकता है।

एजी: - शायद। हम देख लेंगे।

Q: - हमें बैकएंड पर कोई समस्या नहीं है ... शायद इन समस्याओं को फ्रंटएंड में छोड़ दें? वहां क्यों चढ़ते हैं?

AG: - हमें फ्रंट लाइनरों का स्टाफ रखना है।

विज्ञापन का एक सा :)

हमारे साथ रहने के लिए धन्यवाद। क्या आप हमारे लेख पसंद करते हैं? अधिक दिलचस्प सामग्री देखना चाहते हैं? एक ऑर्डर देकर या $ 4.99 से डेवलपर्स के लिए अपने दोस्तों के क्लाउड-आधारित VPS की अनुशंसा करके हमें समर्थन दें, आपके द्वारा आविष्कार किया गया एंट्री-लेवल सर्वर का एक अनूठा एनालॉग: VPS (KVM) E5-2697 3 (6 करोड़) 10GB DDR4 480GB SSD 1Gbps के बारे में पूरी सच्चाई $ 19 या सर्वर को कैसे विभाजित करें? (विकल्प RAID1 और RAID10 के साथ उपलब्ध हैं, 24 कोर तक और 40GB DDR4 तक)।

डेल R730xd एम्स्टर्डम में इक्विनिक्स टीयर IV डेटा सेंटर में 2 गुना सस्ता है? केवल हमारे पास 2 x Intel TetraDeca-Core Xeon 2x E5-2697v3 2.6GHz 14C 64GB DDR4 4x960GB SSD 1Gbps 100 TV नीदरलैंड के 199 डॉलर में से है!डेल R420 - 2x E5-2430 2.2Ghz 6C 128GB DDR3 2x960GB SSD 1Gbps 100TB - $ 99 से! इन्फ्रास्ट्रक्चर Bldg का निर्माण कैसे करें के बारे में पढ़ें । एक पैसा के लिए 9,000 यूरो की लागत डेल R730xd E5-2650 v4 सर्वर का उपयोग कर वर्ग सी?

एलेक्सी ग्रेचेव: गो फ्रंटेंड