Svelte 3: पुनर्विचार प्रतिक्रिया

दूसरे दिन, SvelteJS समुदाय के लिए एक बड़ी घटना हुई, और वास्तव में, यह मुझे लगता है, पूरे आधुनिक दृश्य के लिए - Svelte 3 की लंबे समय से प्रतीक्षित रिलीज़! इसलिए, कटौती के तहत Svelte द्वारा लेख का अनुवाद और YGLF 2019 में उनकी रिपोर्ट का एक उत्कृष्ट वीडियो है।

अंत में वह यहां है

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

हमें लगता है कि आप इसे पसंद करेंगे।

Svelte क्या है?

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

इसके बजाय, Svelte बिल्ड समय पर काम करता है, अपने घटकों को उच्च-प्रदर्शन अनिवार्य कोड में परिवर्तित करता है जो DOM को सर्जिकल परिशुद्धता के साथ अपडेट करता है। नतीजतन, आप उत्कृष्ट प्रदर्शन विशेषताओं के साथ महत्वाकांक्षी एप्लिकेशन लिख सकते हैं।

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

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

इस अवसर को वास्तविकता बनाने के लिए, हमें पहली बार आधुनिक यूआई फ्रेमवर्क की अवधारणा पर पुनर्विचार करने की आवश्यकता थी: प्रतिक्रियाशीलता।


आप पर प्रतिक्रियात्मक रिपोर्ट को फिर से परिभाषित करना होगा लव फ्रंटेंड कोड कैंप 2019

प्रतिक्रिया को भाषा में स्थानांतरित करें

Svelte के पिछले संस्करणों में, आपको कंप्यूटर को यह बताना था कि इस.सेट विधि को कॉल करके राज्य का कुछ हिस्सा बदल गया था:

const { count } = this.get();
this.set({
  count: count + 1
});

. , this.set this.setState, ( ) React:

const { count } = this.state;
this.setState({
  count: count + 1
});

( — React ), .

React, -. , , , . , . , embedded-, , .

, API … , API — API. . count , , :

count += 1;

, , :

count += 1; $$invalidate('count', count);

, . .

. Svelte Achim Vedam, -, svelte.technology svelte.dev.

« UI » « web-». Svelte — , , , , , , , . .

2

Svelte 2, , . svelte-upgrade, , . , .

: , , Svelte 3, , .

, . , , . Sapper, Next.js, Svelte 3. Svelte Native, Android iOS Svelte, .

, , , devtools . ., , . TypeScript.

, , Svelte 3 — -. , , . , Discord , Telegram GitHub — , .

P/S —

Svelte 3.
Svelte 3.
Svelte 3.

AlexxNB! - !