より良いエンジニアを目指して

1日1つ。良くなる!上手くなる!

Svelteを触ってみる

Svelteはフロントエンドのフレームワークです。

Slackで同僚が紹介していたので触ってみることにしました。

React、Vueとは異なり、仮想DOMを使わず、コンパイルするJavaScriptです。

  • Write less code 少ないコード量で書ける
  • No Virtual DOM 仮想DOMを使わず、コンパイルして小さくして、速く動く
  • Truly Reactive 複雑な状態管理ライブラリを不要としjavascriptで管理できる

svelte.dev

Tutorialは、オンラインエディタで実行できます。

全18章と、かなりのボリューム。

逆を言えば、公式サイトだけで一通りの学習ができてしまうのです。〜入門なんて本を買う必要もないわけです。

f:id:rimever:20201222091337p:plain

以下のような宣言でbindすることができます。チェックボックスの変更に伴い、変数が連動します。

<script>
    let yes = false;
</script>

<input type=checkbox bind:checked={yes}>

knockout.jsに近いかなという印象ですね。