एचएन देखाउ: Vertex.js – एकटा 1kloc एसपीए ढाँचा

सूक्ष्म-ढाँचा के उदय: डेवलपर फूलल जावास्क्रिप्ट टूलिंग के किएक अस्वीकार क रहल अछि

एकटा डेवलपर न॑ हाल ही म॑ हैकर न्यूज प॑ लगभग १,००० लाइन के कोड म॑ बनलऽ एकल पन्ना के एप्लीकेशन फ्रेमवर्क पोस्ट करलकै, आरू एकरऽ प्रतिक्रिया इलेक्ट्रिक छेलै । परियोजना — एक न्यूनतम एसपीए ढाँचा — न॑ एक बहस क॑ फेर स॑ भड़का देलकै जे सालऽ स॑ वेब विकास समुदाय म॑ उबललऽ छै: की हमरऽ उपकरण वू समस्या के हल करै लेली बहुत जटिल होय गेलऽ छै ? जब॑ रिएक्ट केरऽ कोर लाइब्रेरी, ओकरऽ राउटर, ओकरऽ स्टेट मैनेजमेंट लेयर, आरू ओकरऽ बिल्ड टूलिंग सामूहिक रूप स॑ कोड केरऽ लाखों लाइनऽ प॑ वजन करै छै, त॑ एगो फ्रेमवर्क जे महज १,००० लाइन म॑ रूटिंग, रिएक्टिविटी आरू कंपोनेंट रेंडरिंग पहुँचै छै, एक असहज सवाल क॑ मजबूर करी दै छै । ग्राहकक कें सामना करय वाला अनुप्रयोगक कें निर्माण करय वाला व्यवसायक कें लेल, ओय सवाल कें जवाब कें वास्तविक परिणाम छै — लोड समय, डेवलपर उत्पादकता, आ दीर्घकालिक रखरखाव लागत मे.

1,000-लाइन फ्रेमवर्क वास्तव मे की साबित करैत अछि

सूक्ष्म-ढाँचा के विचार कोनो नव नै अछि। Backbone.js लगभग 1,800 लाइन के एनोटेटेड स्रोत कोड छल जखन ई 2010 में शुरुआत केलक.Mithril.js 10KB gzipped सं कम पर भेजैत अछि. ई श्रेणी केरऽ हर नया प्रविष्टि क॑ जे बात उल्लेखनीय बनाबै छै, वू खुद लाइन गिनती नै छै बल्कि ब्राउज़र एपीआई केरऽ वर्तमान स्थिति के बारे म॑ की खुलासा करै छै । आधुनिक ब्राउज़र टेम्पलेट लिटरल, इतिहास एपीआई, प्रॉक्सी-आधारित प्रतिक्रियाशीलता, कस्टम तत्व, आरू मॉड्यूल लोडिंग के लेलऽ देशी समर्थन के साथ भेजै छै. एक दशक पहिने फ्रेमवर्क क॑ हजारों लाइन के जरूरत छेलै खाली इंटरनेट एक्सप्लोरर आरू क्रोम के बीच के अंतर क॑ सामान्य करै लेली । आइ एकटा कुशल डेवलपर प्लेटफॉर्म प्रिमिटिव के ऊपर एकटा पतली आर्केस्ट्रेशन लेयर के रूप में पूर्ण रूप सं कार्यात्मक एसपीए फ्रेमवर्क बना सकैत अछि.

ई एहि लेल मायने रखैत अछि जे ई गप्प केँ "हमरा सभ केँ कोन ढाँचा चुनबाक चाही?" to "की हमरा सभकेँ एकटा ढाँचाक आवश्यकता बिल्कुल चाही?" छोट सं मध्यम परियोजनाक कें लेल — गतिशील खंडक कें साथ लैंडिंग पृष्ठ, आंतरिक डैशबोर्ड, ग्राहक पोर्टल — जवाब तेजी सं छै: शायद नहि, या कम सं कम भारी नहि. 1000 लाइन के ढाँचा एकर प्रमाण अछि जे प्लेटफॉर्म एतेक परिपक्व भ गेल अछि जे ढाँचा के काज सिकुड़ि रहल अछि.

निश्चित रूप स॑, React आरू Vue जैसनऽ फ्रेमवर्क अखनी भी जटिल स्टेट ट्री, सर्वर-साइड रेंडरिंग जरूरत, आरू 20+ डेवलपरऽ के टीम के साथ बड़ऽ पैमाना प॑ एप्लीकेशन म॑ अपनऽ वजन अर्जित करै छै जे कठोर कन्वेंशन स॑ लाभान्वित होय छै. मुख्य अंतर्दृष्टि ई अछि जे सही औजार पूर्णतः समस्याक दायरा पर निर्भर करैत अछि.

जावास्क्रिप्ट ब्लोट के वास्तविक लागत

गूगल केरऽ अपनऽ शोध स॑ लगातार पता चललै छै कि हर १०० मिलीसेकंड प॑ जोड़लऽ गेलऽ लोड समय म॑ रूपांतरण दर म॑ ७% तलक के कमी आबी सकै छै । मीडियन वेब पेज आब 500KB सं बेसी जावास्क्रिप्ट भेजैत अछि — जे आंकड़ा 2015 सं लगभग तीन गुना बढ़ि गेल अछि.व्यापारक लेल ई कोनो अमूर्त प्रदर्शन मीट्रिक नहिं अछि. एकरऽ अनुवाद सीधा नुकसान राजस्व, उच्च बाउंस दर, आरू खराब सर्च इंजन रैंकिंग म॑ होय छै.

मोबाइल नेटवर्क पर समस्या आओर बढ़ि गेल अछि. 3G स॑ जुड़लऽ मिड रेंज एंड्रॉयड डिवाइस प॑ यूजर जावास्क्रिप्ट स॑ भरलऽ पन्ना क॑ इंटरैक्टिव होय लेली ५-८ सेकंड के इंतजार करी सकै छै, चाहे वू प्रारंभिक एचटीएमएल रेंडर होय गेलऽ छै । ई विशेष रूप सं उभरैत बाजारक मे ग्राहकक कें सेवा करय वाला व्यवसायक कें लेल दंडात्मक छै, जतय मोबाइल-पहिल ब्राउजिंग आदर्श छै आ नेटवर्क बुनियादी ढाँचा मे भारी अंतर छै.

• पार्स समय: पैघ जावास्क्रिप्ट बंडल कें पार्स आ संकलित करय मे बेसि समय लगैत छै, एप्लिकेशन कोड कें एकटा लाइन कें निष्पादित करय सं पहिने
• मेमोरी दबाव: जटिल ढाँचा आंतरिक मेमोरी कें उपभोग करयत छै जेकर उपयोग स्वयं एप्लीकेशन द्वारा कैल जा सकय छै
• अपडेट थकान: प्रमुख ढाँचा अपग्रेड (कोणीय 1 सं 2, Vue 2 सं 3, हुक पर रिएक्ट वर्ग घटक) हर 2-3 साल पर महग प्रवासन प्रयास कें मजबूर करय छै
• निर्भरता श्रृंखला: एकटा विशिष्ट रिएक्ट परियोजना कें node_modules फोल्डर मे 800-1,200 पैकेज होयत छै, प्रत्येक एकटा संभावित सुरक्षा भेद्यता या टूटय वाला परिवर्तन
• जटिलता बनाउ: वेबपैक, बेबेल, पोस्टसीएसएस, आओर ओकर विन्यास फाइल प्रायः ओ एप्लीकेशन कोड सं बेसी भ' जाइत अछि जे ओ सेवा दैत अछि

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

विकासक समुदाय किएक विभाजित अछि

छोट-छोट एसपीए ढाँचा के आसपास हैकर न्यूज के चर्चा भरोसेमंद रूप सं दू विरोधी खेमा पैदा करैत अछि. एक तरफ ऐन्हऽ डेवलपर छै जे रिएक्ट या एंगुलर प॑ बनलऽ बड़ऽ कोडबेस म॑ सालों बिताबै छै आरू खुद देखन॑ छै कि समय के साथ फ्रेमवर्क जटिलता केना बढ़ी जाय छै । हुनी सरल सुविधा क॑ बहु-दिवसीय काम म॑ गुब्बारा बनत॑ देखल॑ छै, कैन्हेंकि ढाँचा केरऽ रूढ़ि के अनुसार छूबै वाला राउटर विन्यास, राज्य प्रबंधन बॉयलरप्लेट, आरू परीक्षण हार्नेस के जरूरत छै जे ढाँचा के आंतरिक के नकली करै छै । ई डेवलपरऽ लेली, 1,000-लाइन फ्रेमवर्क मुक्ति के प्रतिनिधित्व करै छै — कोड केरऽ हर लाइन क॑ समझै म॑ वापसी जे ओकरऽ एप्लीकेशन म॑ चलै छै.

दोसर तरफ व्यावहारिकतावादी छै जे इ बतबैत छै कि ढाँचा मौजूद छै, कियाकि वास्तविक दुनिया कें अनुप्रयोगक कें अंततः ओय चीज कें जरूरत छै जे ओ उपलब्ध करवय छै: सुलभता उपयोगिता, अंतर्राष्ट्रीयकरण, कोड विभाजन, सर्वर-साइड रेंडरिंग, आ डेवलपरक कें एकटा हायरिंग पाइपलाइन जे पहिने सं टूल कें जानय छै. एक माइक्रो-फ्रेमवर्क सप्ताहांत केरऽ प्रोजेक्ट लेली आनन्ददायक होय सकै छै, हुनकऽ तर्क छै, लेकिन पांच लोगऽ के टीम क॑ बेस्पोक 1,000 लाइन कोडबेस प॑ ऑनबोर्ड करै के कोशिश करलऽ जाय जेकरा म॑ कोनो स्टैक ओवरफ्लो केरऽ जवाब नै आरू कोनो आधिकारिक दस्तावेज नै होय.

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

आधुनिक व्यवसाय के वास्तव में अपन टेक स्टैक स की चाही

रूपरेखा बहस अंततः एकटा पैघ सवाल कें प्रॉक्सी छै: व्यवसायक कें अपन सीमित तकनीकी संसाधनक कें कोना आवंटित करबाक चाही? जे हर घंटा कोनों डेवलपर कें बिल्ड पाइपलाइन कें कॉन्फ़िगर करय मे या कोनों नव ढाँचा संस्करण मे माइग्रेट करय मे बितायत छै, ओ एकटा घंटा छै जे ग्राहकक कें सेवा करय वाला सुविधाक कें निर्माण मे नहि बिताएल गेल छै. बहुत सारा व्यवसायक कें लेल — विशेष रूप सं छोट आ मध्यम आकार कें संचालन कें लेल — आदर्श प्रौद्योगिकी विकल्प ओ छै जे "हमर एकटा विचार छै" आ "ग्राहक एकर उपयोग कयर रहल छै."

बढ़ैत व्यवसाय जे सबस नीक तकनीकी निर्णय ल सकैत अछि ओ अछि एहन उपकरण चुनब जे काल्हिक रखरखाव के बोझ पैदा केने बिना आजुक समस्या के हल करय. एकरऽ मतलब चाहे १,००० लाइन के ढाँचा होय या पूर्ण रूप स॑ प्रबंधित प्लेटफॉर्म, लक्ष्य एक ही छै: अपनऽ समय वू चीजऽ प॑ बिताबै जेकरा स॑ आपनो व्यवसाय क॑ विशिष्ट बनाबै छै, नै कि बुनियादी ढाँचा प॑ जेकरऽ हर व्यवसाय क॑ जरूरत छै ।

ई सिद्धांत फ्रंटएंड ढाँचा स आगू बढ़ैत अछि. व्यवसायक नियमित रूप सं ओय बैकएंड सिस्टम कें पुनर्निर्माण करयत छै — उपयोगकर्ता प्रमाणीकरण, भुगतान प्रसंस्करण, सीआरएम, चालान, शेड्यूलिंग — कियाकि ओकर चुनल गेल टेक स्टैक एकर मांग करयत छै. Mewayz जैना प्लेटफॉर्म ठीक इ दोहराबै वाला काम कें समाप्त करय कें लेल मौजूद छै, जे 207 पूर्व-निर्मित मॉड्यूल कें पेशकश करय छै जे सीआरएम आ पेरोल सं ल क बुकिंग सिस्टम आ एनालिटिक्स तइक कें कवर करय छै. वही दर्शन जे डेवलपर्स क॑ माइक्रो-फ्रेमवर्क के तरफ बढ़ाबै छै — कम स॑ अधिक करै छै, अनावश्यक जटिलता क॑ समाप्त करै छै — व्यवसाय क॑ समेकित प्लेटफॉर्म के तरफ ले जाय छै जे दर्जनों SaaS सदस्यता क॑ एक सिस्टम स॑ बदलै छै.

रूपरेखा स्पेक्ट्रम: अपन मीठ जगह खोजब

ढाँचा पसंद क॑ बाइनरी — मेगा-ढाँचा या सूक्ष्म-ढाँचा — के रूप म॑ मानला के बजाय ई स्पेक्ट्रम के संदर्भ म॑ सोचै म॑ मदद करै छै । एक छोर पर, अहाँक पास शून्य अमूर्तताक संग वेनिला जावास्क्रिप्ट अछि । दोसर पर, अहां कें पास Next.js या Nuxt जैना फुल-स्टैक मेटा-फ्रेमवर्क छै जे रूटिंग, रेंडरिंग, डाटा फेचिंग, आ डिप्लोयमेंट कें संभालयत छै. बेसी परियोजना कतहु बीचक होइत छैक।

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

व्यावहारिक परीक्षण सीधा छै: अगिला 12 महीना मे अहां कें एप्लीकेशन कें जरूरत कें हर सुविधा कें सूचीबद्ध करूं. यदि कोनों माइक्रो-फ्रेमवर्क ओय जरूरतक कें 90% कवर करय छै आ अहां शेष 10% कें हाथ सं रोल कयर सकय छी जेतना समय अहां कोनों पैघ फ्रेमवर्क कें कॉन्फ़िगर करय मे खर्च करबय, तखन माइक्रो-फ्रेमवर्क जीतय छै. यदि अहाँक सुविधा सूची मे सर्वर-साइड रेंडरिंग, जटिल फॉर्म सत्यापन, एनीमेशन आर्केस्ट्रेशन, आओर गहींर सुलभता समर्थन शामिल अछि, त' संभवतः पैघ ढाँचा अपन भुगतान करैत अछि.

गैर-तकनीकी संस्थापक आ व्यवसाय संचालकक लेल पाठ

जँ अहाँ कोनो व्यवसाय चला रहल छी आ अहाँक तकनीकी टीम ढाँचा पर बहस क' रहल अछि त' वास्तव मे की महत्व रखैत अछि से एतय देल गेल अछि. पहिने, पहिल फीचर करय के समय के बारे में पूछू — टीम के कोनो नव डेवलपर कतेक जल्दी सार्थक परिवर्तन भेज सकैत अछि ? अगर जवाब म॑ दिन भर के वातावरण सेटअप आरू फ्रेमवर्क सीखना शामिल छै त॑ ई चेतावनी के संकेत छै चाहे कोय फ्रेमवर्क चुनलऽ गेलऽ होय । दोसर, अपग्रेड पथ के बारे मे पूछू. जे ढाँचा हर 18 महीना पर ब्रेकिंग परिवर्तन जारी करै छै, एकटा छिपल कर लगाबै छै जे प्रारंभिक मूल्यांकन मे बहुत कम दिखाई दै छै.

तेसर, आरू सबसें महत्वपूर्ण बात ई छै कि सवाल उठै छै कि की सवाल के फंक्शन लेली कस्टम-बिल्ट सॉफ्टवेयर के बिल्कुल जरूरत छै. बहुत सं व्यवसायक आंतरिक उपकरणक कें निर्माण मे डेवलपर समय कें महीना कें निवेश करय छै — डैशबोर्ड, सीआरएम सिस्टम, चालान प्रवाह, शेड्यूलिंग इंटरफेस — जे पहिने सं पॉलिश, रखरखाव उत्पाद कें रूप मे मौजूद छै. मेवेज जैना प्लेटफॉर्म, जे व्यावसायिक संचालन कें पूरा स्पेक्ट्रम मे फैलल मॉड्यूल कें साथ 138,000 सं बेसि उपयोगकर्ताक कें सेवा देयत छै, मानक व्यवसायिक कार्यक कें लेल कस्टम विकास कें आवश्यकता कें पूरा तरह सं समाप्त कयर सकय छै. एहि सँ अहाँक विकास टीम केँ अहाँक उत्पाद केर सही मायने मे अद्वितीय पहलू पर ध्यान केंद्रित करबाक लेल मुक्त भ' जाइत अछि — ओ सुविधा जे कोनो ऑफ-द-शेल्फ टूल नहि द' सकैत अछि.

1. अपन कस्टम कोड कें ऑडिट करू: पहचान करू जे कोन आंतरिक उपकरण मौजूदा प्लेटफॉर्म मे उपलब्ध कार्यक्षमता कें डुप्लिकेट करयत छै
2. सच्चा लागत कें गणना करूं: केवल प्रारंभिक विकास मे नहि बल्कि जारी रखरखाव, सुरक्षा पैच, आ सुविधा अनुरोधक कें कारक
3. समेकन कें मूल्यांकन करूं: अपन वर्तमान SaaS सदस्यता कें गिनती करूं आ एकटा एकीकृत प्लेटफॉर्म कें विरु द्ध लागत कें तुलना करूं
4. अपन विभेदक कें सुरक्षा करूं: कस्टम विकास संसाधनक कें लेल ओय सुविधाक कें लेल आरक्षित करूं जे वास्तव मे अहां कें व्यवसाय कें अलग करय

भविष्य इरादापूर्वक विकल्पक अछि

1,000 लाइन के एसपीए ढाँचा के आसपास जे उत्साह छै, वू वास्तव में खुद ढाँचा के बारे में नै छै. ई सॉफ्टवेयर विकास म॑ इरादा स॑ बढ़ी रहलऽ आंदोलन के बारे म॑ छै — टूल क॑ ऐसनऽ वजह स॑ चुनना कि वू समस्या प॑ फिट बैठै छै, नै कि ई लेली कि वू बाजार प॑ हावी छै । जावास्क्रिप्ट इकोसिस्टम न॑ पिछला एक दशक फीचर आरू अमूर्तता केरऽ हथियार दौड़ म॑ बिताय देल॑ छै । प्रति-आन्दोलन, जेकरा माइक्रो-फ्रेमवर्क, सर्वर-रेंडर एचटीएमएल, आरू प्लेटफॉर्म-देशी एपीआई द्वारा प्रतिनिधित्व करलऽ जाय छै, व्यावहारिकता के तरफ एक सुधार छै.

व्यापार के लेल ई बदलाव निर्विवाद रूप स सकारात्मक अछि। एकरऽ मतलब छै कि अधिक विकल्प, कम स्विचिंग लागत, आरू एक डेवलपर संस्कृति जे सैद्धांतिक पूर्णता प॑ सादगी आरू गति क॑ तेजी स॑ महत्व दै छै । चाहे आहाँ वर्डप्रेस आरू कस्टम-निर्मित साइट के बीच चयन करै वाला एकल उद्यमी होय, या अपनऽ अगला आंतरिक उपकरण के निर्माण या खरीदै के मूल्यांकन करै वाला सीटीओ होय, यही सिद्धांत लागू होय छै: सबसे अच्छा तकनीक वू छै जे पृष्ठभूमि म॑ गायब होय जाय छै, जेकरा स॑ आपने अपनऽ ग्राहकऽ के सेवा प॑ ध्यान केंद्रित करी सकै छियै.

1,000 लाइन के ढाँचा हमरा सब के याद दिलाबै छै कि बिजली के लेल जटिलता के जरूरत नै छै. सबसँ प्रभावी व्यवसाय — आ सबसँ प्रभावी उपकरण — ओ अछि जे ठीक वैह काज करैत अछि जे जरूरत अछि आ एहि सँ बेसी किछु नहि.

बार-बार पूछल जाय वाला प्रश्न

Vertex.js जैसनऽ माइक्रो-फ्रेमवर्क की छै?

माइक्रो-फ्रेमवर्क एकटा न्यूनतम जावास्क्रिप्ट लाइब्रेरी छै जे बिना पैघ समाधान कें थोक कें कोर एप्लीकेशन कार्यक कें संभालय कें लेल डिजाइन कैल गेल छै. Vertex.js कोड कें लगभग 1,000 लाइनक मे आवश्यक एसपीए कार्यक्षमता-जैना रूटिंग आ राज्य प्रबंधन-प्रदान करयत इ प्राप्त करयत छै. ई ढाँचा के विपरीत छै जेकरा म॑ रूटिंग या स्टेट लेली अलग-अलग, भारी लाइब्रेरी के जरूरत होय छै, जेकरा स॑ छोटऽ परियोजना लेली समग्र जटिलता आरू ब्लोट कम होय जाय छै.

डेवलपर सरल उपकरण दिस किएक बढ़ि रहल अछि?

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

की Vertex.js एकटा पैघ, जटिल अनुप्रयोग क' लेल उपयुक्त अछि?

Vertex.js मुख्य रूप सं छोट परियोजनाक कें लेल डिजाइन कैल गेल छै जत सादगी आ कम ओवरहेड कुंजी छै. बहुत सारा इंटरैक्टिव घटक वाला बहुत पैघ, जटिल अनुप्रयोगक कें लेल, एकटा विशाल पारिस्थितिकी तंत्र कें साथ एकटा बेसि सुविधा सं भरपूर ढाँचा बेसि उपयुक्त भ सकय छै. व्यापक पूर्व-निर्मित मॉड्यूल कें जरूरत वाला टीमक कें लेल, मेवेज जैना सेवा ($19/माह कें लेल 207 मॉड्यूल कें पेशकश करय वाला) आवश्यक यूआई आ कार्यात्मक घटक प्रदान कयर सकय छै जेकर कमी एकटा माइक्रो-फ्रेमवर्क मे छै.

की हमरा एखनो Vertex.js क संग बिल्ड टूल चाही?

जखन कि Vertex.js स्वयं हल्का अछि, संभवतः अहाँ एखनो पेशेवर विकास लेल एकटा बिल्ड टूल क उपयोग करब. Vite या Parcel जैना टूल अहां कें कोड कें बंडल करय कें लेल, npm निर्भरता कें संभालय कें लेल, आ आधुनिक जावास्क्रिप्ट सुविधाक कें सक्षम करय कें लेल आवश्यक छै. मुदा, समग्र टूलचेन पैघ ढाँचा द्वारा आवश्यक टूलचेन सँ सरल रहैत अछि, कारण अहाँ जटिल राज्य-प्रबंधन आ रूटिंग पुस्तकालय सँ बचैत छी.