Svelte est-il un bon choix pour la mise en œuvre de widgets?

salut! Je m'appelle Dmitry Usov, je suis développeur front-end chez Citimobil. Il y a quelques mois à peine, il a fallu créer un widget pour commander un taxi sur le site. Dans cet article, je voudrais expliquer pourquoi Svelte a été choisi pour cette tâche, partager mon opinion sur ses avantages et ses inconvénients, ainsi que des liens utiles, si vous décidez d'étudier ou d'appliquer cette technologie.

Donnée initiale

Tâche: créer un widget pour commander un taxi sur le site.

, .

:

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

, , , , , .