👇 🖐🏼 ♏️ क्या यह प्रतिक्रिया के बारे में भूल जाने और Svelte को अपग्रेड करने का समय है? 🍣 🗜️ 🤵🏽

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

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

मेरे लिए, जावास्क्रिप्ट राज्य के सबसे दिलचस्प परिणामों में से एक उन लोगों का अप्रत्याशित ध्यान था जिन्होंने सर्वेक्षण में स्वेलेट फ्रंट-एंड फ्रेमवर्क में भाग लिया था ।

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

जावास्क्रिप्ट अनुसंधान के आधार पर रैंकिंग दृश्यपटल चौखटे

मुझे पता है कि आप में से बहुत से लोग यहां आकर नाराज हो सकते हैं और कह सकते हैं कि रिएक्ट और स्वेल्ट, फिर भी, फ्रेमवर्क नहीं, बल्कि लाइब्रेरी हैं। मुझे यह पता है, लेकिन शोध रिपोर्ट मेरे द्वारा नहीं लिखी गई थी, इसलिए आइए इस पर शब्दावली के प्रश्न को बंद करें।

मैंने एक स्वेल्ट टेम्पलेट प्रोजेक्ट का एक उदाहरण निकाला और एक छोटा सा हैलो वर्ल्ड एप्लिकेशन बनाया।

बाईं ओर सबसे सरल प्रतिक्रिया परियोजना है। दाईं ओर एक समान परियोजना Svelte पर आधारित है।

हालांकि इस सरल परियोजना को एक कार्यशील स्थिति में लाना मुश्किल नहीं था, लेकिन किसी ने जो पहले रिएक्ट पर लिखा था, उसे Svelte को मास्टर करने के लिए कुछ समय की आवश्यकता होगी।

क्या यह Svelte सीखने का समय है? शायद हम केवल एक और फैशनेबल चीज के साथ सामना कर रहे हैं जो दिखाई देते ही गायब हो जाएगा? मैं पता लगाने का प्रस्ताव करता हूं।

अध्ययन का उद्देश्य

मैं निम्नलिखित प्रश्न का उत्तर देना चाहूंगा: "क्या मुझे रिएक्ट सीखने में समय बर्बाद करना बंद करना चाहिए और Svelte के साथ काम करना शुरू करना चाहिए?"

हम इस सवाल का जवाब रिएक्ट और स्वेल्ट के बीच बुनियादी अंतरों की खोज करके देखेंगे। इससे हमें यह समझने में मदद मिलेगी कि इनमें से प्रत्येक उपकरण में क्या अद्वितीय गुण हैं। नतीजतन, हम यह पता लगाएंगे कि कौन सा निवेश करने लायक है।

हम पुस्तकालयों में से प्रत्येक की समीक्षा के साथ शुरू करते हैं, फिर उनके पेशेवरों और विपक्षों के बारे में बात करते हैं, और फिर निष्कर्ष निकालते हैं।

प्रतिक्रिया

पिछले कुछ वर्षों में, सचमुच हर कोई रिएक्ट के बारे में बात कर रहा है। फेसबुक द्वारा बनाई गई इस लाइब्रेरी ने वेब डेवलपमेंट की दुनिया में तेजी से कब्जा जमाया। अब यह एक वेब डेवलपमेंट टूल है जो दुनिया में सबसे पहले रैंक करता है (सच्चाई, "नंबर एक" के सवाल का जवाब या नहीं यह निर्भर करता है कि यह सवाल किससे पूछा गया है)।

रिएक्ट लाइब्रेरी, इसके आसपास के समुदाय के लिए बड़े हिस्से में धन्यवाद, पहले की तुलना में इन दिनों तेजी से बढ़ रहा है। और जबकि इस वृद्धि में मंदी के कोई संकेत नहीं हैं।

यहाँ तीन प्रतिक्रिया सुविधाएँ हैं जो इस पुस्तकालय को विशेष रूप से आकर्षक बनाती हैं:

घोषणात्मक प्रकृति।
घटक-आधारित अनुप्रयोग संरचना।
मौजूदा प्रौद्योगिकी स्टैक में एकीकरण के संदर्भ में उपयोग में आसानी।

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

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

रिएक्ट लाइब्रेरी को डिज़ाइन किया गया है ताकि डेवलपर टूल के ढेर में कौन सी तकनीकों का उपयोग किया जाए, कोई फर्क नहीं पड़ता। रिएक्ट-फ्रंटेंड किसी भी चीज के लिए "खराब" हो सकता है। उदाहरण के लिए, Node.js , रूबी ऑन रेल्स , स्प्रिंग बूट , पीएचपी और इतने पर आधारित बैकएंड । यह लाइब्रेरी पूरी तरह से तटस्थ है कि इसके साथ क्या बातचीत करनी है।

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

दुर्बल

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

इस प्रस्तुति में, प्रतिक्रियाशील प्रोग्रामिंग का इतिहास अच्छी तरह से प्रस्तुत किया गया है, प्रतिक्रियाशील तंत्र के पारंपरिक कार्यान्वयन में निहित खामियों को उजागर किया गया है, संबंधित समस्याओं का समाधान प्रस्तुत किया गया है।

रिएक्ट की मजबूती के लिए जो कुछ भी जिम्मेदार ठहराया जा सकता है, वह Svelte की नींव है। रिच हैरिस रिएक्ट इंटर्नल्स के पेशेवरों और विपक्षों के बारे में बहुत जानकार हैं।

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

Svelte वास्तविक और आभासी DOM की तुलना करने जैसी तकनीक का उपयोग नहीं करता है।

स्वेल्ट संकलक एक घोषणात्मक घटक लेता है और इसे एक कुशल, अनिवार्य, निम्न-स्तरीय कोड में बदल देता है जो सीधे DOM के साथ इंटरैक्ट करता है।

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

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

रिएक्ट और स्वेल्ट की ताकत और कमजोरियां

आइए अध्ययन किए गए पुस्तकालयों की ताकत और कमजोरियों के बारे में बात करते हैं।

▍ अभिक्रिया की शक्ति

मजबूत सामुदायिक समर्थन।
रिएक्ट के आधार पर परीक्षण कोड के लिए बहुत सारे पुस्तकालय।
टाइपस्क्रिप्ट समर्थन करते हैं।
गुणवत्ता डेवलपर उपकरण।
, .
React-.

▍ Svelte

, , Svelte.
- (HTML, CSS, JS).
- JSX .
.
- Svelte- 40% , React-.
( ).
.

▍ React

DOM — .
.
.
- React.
JSX- .

▍ Svelte

( React) .
TypeScript.
, , , .
, Svelte ( , ).

हमारे सवाल पर वापस जाएं: "क्या मुझे रिएक्ट सीखने में समय बर्बाद करना बंद करना चाहिए और स्वेल्टे के साथ काम करना शुरू करना चाहिए?"

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

यह निर्विवाद है कि स्वेल्ट परियोजनाओं का प्रदर्शन बहुत अच्छा है।

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

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

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

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

मुझे यकीन है कि Svelte उसी की प्रतीक्षा कर रही है। आखिरकार, वेब विकास की दुनिया बेहद अस्थिर है।

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

प्रिय पाठकों! स्वेल्ट से आप क्या समझते हैं?

क्या यह प्रतिक्रिया के बारे में भूल जाने और Svelte को अपग्रेड करने का समय है?

अध्ययन का उद्देश्य

प्रतिक्रिया

दुर्बल

रिएक्ट और स्वेल्ट की ताकत और कमजोरियां

▍ अभिक्रिया की शक्ति

▍ Svelte

▍ React

▍ Svelte

More articles: