Apakah Svelte pilihan yang baik untuk implementasi widget?

Halo! Nama saya Dmitry Usov, saya adalah pengembang front-end di Citimobil. Hanya beberapa bulan yang lalu, ada tugas untuk membuat widget untuk memesan taksi melalui situs. Dalam artikel ini saya ingin memberi tahu mengapa Svelte dipilih untuk tugas ini, untuk membagikan pendapat saya tentang kelebihan dan kekurangannya, serta tautan yang bermanfaat, jika Anda memutuskan untuk mempelajari atau menerapkan teknologi ini.

Data awal

Tugas: membuat widget untuk memesan taksi melalui situs.

, .

:

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

, , , , , .