هل Svelte خيار جيد لتنفيذ الأداة؟

مرحبا! اسمي دميتري أوسوف ، وأنا مطور أمامي في Citimobil. قبل بضعة أشهر فقط ، كانت هناك مهمة لإنشاء أداة لطلب سيارة أجرة عبر الموقع. في هذه المقالة ، أود أن أقول لماذا تم اختيار 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

, , , , , .