Ve stručnosti lze říci, že Vue.js je Javascrip framework, který je kompilací toho nejlepšího z Angular a React. Proti tomu je Svelte.js JavaScript kompilátor, který převedení na „ideální“ JavaScript v době sestavení programu. Pokud máme zvolit jednu největší výhodu Vue.js, je to jeho větší rozšíření a lepší dokumentace. U Svelte.js je to vysoký výkon a menší velikost kódu přenášeného do prohlížeče. Svelte.js proti Vue.js nepoužívá virtuální DOM. Podle testů má Svelte.js nejen vyšší výkon, ale též menší spotřebu paměti. Proti tomu má Vue.js mnohem větší ekosystém i komunitu.
Obliba
| Vue.js | Svelte.js | |
|---|---|---|
| Github starts | 160k | 32k |
| Github Used by | 80k | 14k |
| První verze | 7/2013 | 11/2016 |
Z výše uvedeného vyplývá, že Vue.js nemá v popularitě tolik navrh před Svelte.js, přestože první verze Svelte.js byla zveřejněna o více jak tři roky později.
CSS framework
CSS framework výrazně usnadní vývojáři práci. Prošel jsem zdroje a našel tyto možnosti, které jistě nejsou kompletní:
Vue.js
- https://bootstrap-vue.js.org/ – aktuálně zřejmě nejrozšířenější CSS framework Bootstrap ve verzi pro Vue.js
- https://buefy.org/ – lehký populární open source CSS framework Bulma ve verzi pro Vue.js.
- https://vuetifyjs.com/ – pokud používáte Material design Google, je tento CSS framework používající flexbox přes svou ne ideální syntaxi vhodný.
- https://tailwindcss.com/ – pouze třídy nástrjů nižší úrovn, které ale poak umožňují vytvářet vlastní návrhy.
- https://quasar.dev/ – také založeno na Material design Google. Podporuje SPA, PWA i SSR.
Svelte.js
Zahrnul jsem i frameworky ve vývoji, protože u Svelte.js je výrazně menší vývěr CSS frameworků s delší historií.
- Svelte Material UI – balík založený na Material design. Poslední příspěvek na Github dva měsíce zpět.
- bestguy/sveltestrap: Bootstrap 4 components for Svelte – balík založen na Bootstrap 4. Poslední příspěvek na Github dvacet tři dní zpět.
- Smelte: Material design using Tailwind CSS for Svelte – téměř dokončený balík založený na Tailwind. Poslední příspěvek na Github devět dní zpět.
- titans-inc/sveltemantic: Fomantic-UI components for Svelte 3 – ve vývoji, na základě Sematic-UI. Poslední příspěvek na Github sedm měsíců zpět.
- c0bra/svelma: Bulma components for Svelte – ve vývoji, založeno na Bulma CSS. Poslední oprava na Github dva měsíce zpět.
- Svelte Flat UI Components – pouze pár základních komponent. Poslední příspěvek na Github 3 roky.
Proč jsem nezařadil do srovnání nejznámější React.js? Nelíbí se mi jak je navržen a použitá technologie JSX.
Svelte by mohlo strcit vsechny do kapsy kdyby si nekdo dal praci a vyvinul skutecne funkcni UI fwk (zalozeny na tailwind nebo bulme) a kdyby Rich Harris pridal oficialni router pro svelte.