Svelte

かんたんに言うと

Svelte のいちばんの特徴は「コンパイル時フレームワーク」であることです。React や Vue はユーザーのブラウザにランタイムのライブラリを送り込みますが、Svelte は ビルド時 にコンポーネントを軽量なネイティブ JavaScript へコンパイルします。だからブラウザが受け取るのは軽い成果物だけ。読み込みが速く、性能も良好です。

コードもとくに簡潔で、同じ機能でも React よりずっと少ない文字数で済むことがよくあります。トレードオフは、エコシステムと人材がまだ小さめで、大企業の事例も少ないこと。とはいえ、性能重視で軽量な中小規模のプロジェクトには魅力的な選択肢です。

アーキテクチャ

動作の流れ

「仮想 DOM がない」をかんたんに

Svelte には「仮想 DOM がない」とよく言われます。専門用語を使わずに説明しましょう。たいていのフレームワークは、ブラウザの中で動く補助コードのかたまりを送り込み、画面のどこを更新すべきかをそこで割り出します。Svelte はその割り出しをコンパイル中に前倒しでやってしまい、コンポーネントを小さなただの JavaScript に変えてしまいます。だからダウンロードするコードも、ページを使っている間に動かすコードも少なくなる。あなたにとっては、小さくて速いサイトとして表れます。

まとめ

• Svelte ＝ コンパイル時フレームワーク。成果物が軽く、性能がよい。
• コードが簡潔で、React より書く量が少ない。
• エコシステムは小さめだが、中小規模のプロジェクトには素晴らしい書き心地。