Svelte
https://gyazo.com/a8a32ea00ba1cbcfe5fb546fb8b5091f
#プログラミング言語 #SAPPER #FrontEnd #JavaScript
/icons/link2.iconHP
Qiita.iconhttps://qiita.com/tags/Svelte
Zenn.iconhttps://zenn.dev/topics/svelte
GitHub.iconsveltejs/svelte
Twitter.iconhttps://twitter.com/sveltejs
概要
Svelte(スヴェルト)は拡張子が「.svelte」のファイルにHTML/CSS/JavaScriptを記述しそれを変換するコンパイラ
*.svelteファイルをjs, cssに変換してくれる。
Angularのようなframeworkとは別で、ReactのようなLibraryに近い
VirtualDOMは変更を比較する際に、VirtualDOMの再構成をし前回との差分を見るという手順を踏む必要があります。それではどうしても無駄な比較が多くなってしまいます。しかし、Svelteはビルド時にアプリケーション内の変更される場所を認識するコンパイラなためVirtualDOMに比べて比較処理は少なくなります。
Typescript対応
Pug + Sass対応
参考サイトTurotial
Exmaple
SAPPER
Svelteで始める頑張らないフロントエンド生活 前編
Svelteで始める頑張らないフロントエンド生活 後編