👆🏽 👃🏽 🤲🏼 Myapp छुट्टी का विस्तार करता है 🦐 🛸 👨🏿‍🤝‍👨🏽

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

क्या?

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

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

थोड़ा अपने बारे में

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

क्या कहना है?

यदि मैं खुद भी इसी तरह का लेख पढ़ता हूं ताकि आगे की रुचि न खोए, तो मैं घटक कोड का एक उदाहरण देखना चाहता हूं। यहाँ यह है:

import {HdElement} from '../../holiday/core/hd-element.js'; class MyComponent extends HdElement { constructor() { super(); this.state = { imageURL: 'images/photo.jpg', firstName: 'John', secondName: 'Snow', }; } } MyComponent.template = /*html*/ ` <style> :host { display: block; padding: 10px; background - color: #fff; color: #000; } </style> <img bind="src: imageURL" /> <div bind="textContent: firstName"></div> <div bind="textContent: secondName"></div> `; MyComponent.is = 'my-component';

यहां हम देखते हैं कि घटक में " बाइंड " तत्वों की अजीब विशेषताओं के साथ एक निश्चित स्थिति और टेम्पलेट है। ये विशेषताएं मुख्य जादू हैं: वे आपको टेम्पलेट को पार्स करने की अनुमति देते हैं और जेएस रनटाइम में टेम्पलेट स्ट्रिंग के अतिरिक्त प्रसंस्करण के बिना आगे के उपयोग (क्लोनिंग) के लिए मेमोरी में परिणाम की एक प्रति सहेजते हैं, जो प्रारंभिक घटक के दौरान उच्च प्रदर्शन देता है जब प्रत्येक घटक त्वरित होता है। कई आधुनिक पुस्तकालयों के विपरीत, जिसमें DOM भाग, जिसके लिए घटक जिम्मेदार है, राज्य के कार्य द्वारा निर्धारित होता है। Holiday.js में एक टेम्पलेट एक अर्द्ध-तैयार उत्पाद है जो प्रारंभिक संरचना को परिभाषित करता है और सामान्य DOM API का उपयोग करके, बाद में डेटा को बाँधना संभव बनाता है, और यह बहुत तेजी से काम करता है। हम गति के मुद्दे पर लौटेंगे।

मैं अन्य लाभों की सूची दूंगा:

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

मुख्य परियोजना प्रलेखन: https://holiday-js.web.app/

जीवन चक्र

आइए घटक जीवन चक्र के चरणों को देखें:

 import {HdElement} from '../../holiday/core/hd-element.js'; class LifecycleExample extends HdElement { constructor() { super(); //   : this.state = { name: '', bigName: '', }; /*   ,      DOM  "   ",       .    ,      "defineAccessor": */ this.defineAccessor('name', (name) => { // Some accessor code: this.setStateProperty('name', name); }); /*    ,      DOM               . */ } connectedCallback() { super.connectedCallback(); /*  .    DOM.               . */ } stateUpdated(path) { /*        : */ if (path === 'name') { this.setStateProperty('bigName', this.state.name.toUpperCase()); } } attributeChangedCallback(attributeName, oldValue, newValue) { /*  .      . */ super.attributeChangedCallback(attributeName, oldValue, newValue); } disconnectedCallback() { /*  .    DOM.              */ } } LifecycleExample.template = /*html*/ ` <div bind="textContent: name"></div> <div bind="textContent: bigName"></div> `; /*  HTML-,     : */ LifecycleExample.logicAttributes = [ //   ,         'name', ]; /*     CustomElements: */ LifecycleExample.is = 'lifecycle-example';

टेम्पलेट्स

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

वेब घटक टेम्पलेट्स का एक महत्वपूर्ण हिस्सा स्लॉट हैं । स्लॉट आपको अपने घटक के "छाया" डोम में विशेष स्थानों को नामित करने की अनुमति देते हैं, जिसमें इसके प्रत्यक्ष वंशज सामान्य डोम के पेड़ में प्रदर्शित किए जाएंगे। एक उदाहरण:

 <header> <slot name="header"></slot> </header> <div class="toolbar"> <slot name="toolbar"></slot> </div> <div class="content"> <slot></slot> </div> <footer> <slot name="footer"></slot> </footer>

स्लॉट में प्लेसमेंट:

 <my-component> <div slot="header">Header content</div> <toolbar-component slot="toolbar"></toolbar-component> <div>Content of the default slot...</div> <div slot="footer">Footer content...</div> </my-component>

जैसा कि आप अनुमान लगा सकते हैं, यह आपको घटक लेआउट बनाने की अनुमति देता है, जहां वांछित मॉड्यूल को आसानी से कोशिकाओं में क्रमबद्ध किया जा सकता है।

जैसा कि ऊपर उल्लेख किया गया है, डेटा और हैंडलर को गतिशील रूप से बांधने के लिए, "बाइंड" विशेषता का उपयोग किया जाता है:

 <div bind="textContent: content; onclick: on.clicked"></div>

विशेषता मानों को बांधने के लिए, संपत्ति के नाम की शुरुआत में "@" प्रतीक का उपयोग करें:

 <div bind="@style: style">Content...</div>

आप दस्तावेज़ के संबंधित अनुभाग में अधिक विवरण पा सकते हैं: https://holiday-js.web.app/?templates

राज्य प्रबंधन

घटक के अंदर:

 class MyComponent extends HdElement { constructor() { super(); //        : this.state = { content: 'Initial Content', style: 'color: #f00', on: { clicked: () => { console.log('Clicked!'); }, }, }; //       "setStateProperty": window.setTimeout(() => { //   : this.setStateProperty('content', 'Updated Content'); //   : this.setStateProperty({ 'content': 'Updated Content', 'style': 'color: #00f', }); }, 1000); } }

संपूर्ण एप्लिकेशन के स्तर पर स्थिति को नियंत्रित करने के लिए, HdState मॉड्यूल का उपयोग किया जाता है।
उपयोग उदाहरण:

 import {HdState} from '../../holiday/core/hd-state.js'; //   : HdState.subscribe('ui.loading', (val) => { console.log(val); }); //   : HdState.publish('ui.loading', true); // : HdState.publish({ 'ui.loading': true, 'ui.sidePanelActive': true, });

वैश्विक स्थिति के साथ काम करने के लिए, पहले आपको इसकी सामान्य योजना निर्धारित करने की आवश्यकता है:

 HdState.applyScheme({ ui: { loading: { /*      ,       : */ type: Boolean, //    : value: false, }, sidePanelActive: { type: Boolean, value: false, }, }, user: { authorized: { type: Boolean, value: false, }, name: { type: String, value: null, //          : cache: true, }, }, });

सर्किट को आसानी से अलग-अलग तार्किक ब्लॉकों में विभाजित किया जा सकता है।

मेमोरी लीक से बचने के लिए, अप्रासंगिक सदस्यता का निपटान किया जाना चाहिए:

 let subscription = HdState.subscribe('ui.loading', (val) => { console.log(val); }); window.setTimeout(() => { // Unsubscribe: subscription.remove(); }, 10000);

राज्य प्रलेखन: https://holiday-js.web.app/?state

विकास के उपकरण

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

अधिक पूर्ण कार्य के लिए, आपको git और किसी भी वेब सर्वर की आवश्यकता होगी जो आपको पसंद है (अन्य ब्राउज़रों में ES- मॉड्यूल के साथ काम करने के लिए)।

टेम्पलेट सिंटल्स में HTML सिंटैक्स और ऑटो-पूर्ति को हाइलाइट करने के लिए, मैं VS कोड के लिए एक्सटेंशन का उपयोग करता हूं, जो मूल रूप से lit-html के साथ काम करने के लिए डिज़ाइन किया गया है: https://github.com/pushqrdx/vscode-inline-html

प्रकाशन से पहले कोड बनाने के लिए, आप किसी भी लोकप्रिय संकलक , जैसे कि वेबपैक या रोलअप का उपयोग कर सकते हैं।

उत्पादकता

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

मुख्य कार्यक्रम का निष्पादन शुरू करने का समय (डाउनलोड)
घटक प्रारंभिक रेंडरिंग समय
इन घटकों को अद्यतन करने और उन्हें फिर से तैयार करने का समय

दुर्भाग्य से, हमारे पास उस क्षण का पता लगाने का एक विश्वसनीय तरीका नहीं है जब ब्राउज़र ने कार्यक्रम को निष्पादित किया और पूरी तरह से प्रतिपादन किया। ब्राउज़र स्तर पर, हमारे अपने कई अनुकूलन हैं, जो हमारे लिए "ब्लैक बॉक्स" की तरह हैं और विभिन्न इंजनों में भिन्न हो सकते हैं। हम क्या उपयोग कर सकते हैं: प्रदर्शन एपीआई , requestAnimationFrame और गैर-मानक requestIdleCallback विधि, जो केवल क्रोम और फ़ायरफ़ॉक्स में काम करती है। पहली बार पर्याप्त।

हम Holiday.js की तुलना किससे करेंगे? मैंने दो पुस्तकालयों के साथ शुरू किया: रिएक्ट (जहां इसके बिना) और लिट्लमेंट (कोर में समान तकनीक)। आप इन रिपॉजिटरी में बेंचमार्क कोड पा सकते हैं:

https://github.com/foxeyes/holiday-benchmark
https://github.com/foxeyes/lit-benchmark
https://github.com/foxeyes/react-benchmark

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

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

ब्राउज़र का समर्थन

नहीं, Internet Explorer समर्थित नहीं है। यह कुछ प्रयासों (11 वें संस्करण के लिए) के साथ हासिल किया जा सकता था, लेकिन समर्थन की अस्वीकृति एक राजसी स्थिति है। सबसे पहले, मेरा मानना है कि IE को लंबे समय तक मरना चाहिए, और हमारी शक्ति में इस पर योगदान करना चाहिए। दूसरे, जो लोग IE समर्थन का समर्थन करते हैं, वे अक्सर एक गंभीर तार्किक गलती करते हैं: वर्तमान कैनीयूज़ डेटा के अनुसार, कुल ट्रैफ़िक में IE की हिस्सेदारी, सभी संस्करणों के लिए ~ 1.6% है। और सबसे लोकप्रिय ब्राउज़र, जो एक विस्तृत मार्जिन द्वारा बाकी से आगे निकल जाता है, वह है मोबाइल क्रोम (~ 35%)। इसलिए, IE का समर्थन करते हुए, आप जानबूझकर बड़ी संख्या में ऐसी तकनीकों का उपयोग करने से इनकार करते हैं जो आपके अनुप्रयोगों में पूर्ण अनुकूलनशीलता और गतिशीलता को लागू करने के लिए आवश्यक हैं, अर्थात्, एक छोटे से अल्पसंख्यक के लिए, अपने उपयोगकर्ताओं की एक बड़ी संख्या के जीवन को जटिल बनाती है। या अपने उत्पादों के विकास और रखरखाव की लागत में काफी वृद्धि करें। तीसरा, माइक्रोसॉफ्ट, हाल के दिनों में, सक्रिय रूप से उपयोगकर्ताओं को विंडोज 7 को छोड़ने के लिए मजबूर कर रहा है, ताकि निकट भविष्य में IE यातायात का अनुपात अधिक से अधिक तेजी से घट जाए। मैं मानता हूँ कि ऐसे मामले हैं जब IE समर्थन को दरकिनार नहीं किया जा सकता है, लेकिन ऐसे मामले बहुत अधिक दुर्लभ हैं जितना हम सोचते थे।

इस साल 15 जनवरी को, माइक्रोसॉफ्ट ने क्रोमियम इंजन पर नए एज का एक रिलीज़ संस्करण जारी किया। इस क्षण से, हम मान सकते हैं कि Holiday.js मूल रूप से लोकप्रिय ब्राउज़रों के सभी वर्तमान संस्करणों में समर्थित है। पुराने एज के लिए, एक पॉलीफिल की आवश्यकता होती है। पॉलीफ़िल के साथ काम करने की क्षमता हॉलिडे.जेएस में कार्यान्वित की जाती है, लेकिन स्क्रिप्ट को स्वयं अलग से कनेक्ट करने की आवश्यकता होती है।

अतिसूक्ष्मवाद

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

योजनाओं

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

हालांकि, निकट भविष्य में:

अन्य लोकप्रिय पुस्तकालयों और चौखटे के साथ अधिक तुलना।
Puppeteer पर आधारित न्यूनतम और लचीला पिंगपोंग परीक्षण उपकरण
उदाहरण के साथ मूल परियोजना जनरेटर (स्टार्टर किट)
प्रलेखन का और विकास

मैं अपनी उंगलियां पार करता हूं, "प्रकाशित करें" दबाएं ...

Myapp छुट्टी का विस्तार करता है