विजेट कार्यान्वयन के लिए Svelte एक अच्छा विकल्प है?

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

प्रारंभिक आंकड़े

कार्य: साइट के माध्यम से टैक्सी ऑर्डर करने के लिए एक विजेट बनाएं।

, .

:

1. :
   
   • . , .
2. :
   
   • . .
   • DOM . .
   • , , .

— . React, Vue Angular .

, Preact Svelte.

:

1. runtime.
2. Stateofjs — , .

Preact: React, .

Svelte:

1. .
2. , . Preact , React , .
3. Mail.ru Svelte.

, Svelte.

Svelte

Svelte — . , React Vue, , Svelte , .

, Svelte.

.

, Svelte , . , , , .

— . — Svelte ( ).

: reverse proxy CORS. rollup, , , , hot reload, proxy, , . rollup webpack.

, , , .

, Svelte

, .

: , — . , , .

JS/HTML/CSS . Vue/React/Angular, , Svelte - .

1. runtime (min+gzip) 1,4 .
2. virtual DOM. Svelte , .
3. .
4. CSS. - CSS-, linter . , .

1. .
2. .
3. .
4. context stores, .
5. Actions. AlexxNB, .
6. , - . , JS-, CSS- , , JS .

1. .
2. , , , , Svelte.
3. Telegram, 1500 .
4. Discord (sapper, svelte, jobs, typescript, etc).

Svelte

, .

, : , — . , , .

Gitlab

Svelte Gitlab . . PaulMaly , gitattributes .

Svelte , ErrorBoundary React. , , , , Sentry. JS .

.

1. , .
2. , . Svelte . , , .
3. Svelte — , , , , , . , .

vscode

• , Svelte, : « Svelte ?»
• Svelte.
• discord
• dev.to
• Typescript
• State of Svelte 2020
• Autoimport svelte
• Svelte syntax
• Svelte intellisense
• Svelte snippets

, , , , , .