はじめに 最近、フロントエンドでたまに聞く、Svelteというライブラリについての紹介記事です。 ReactやVue.jsのような宣言的にUIを記述できるので、簡単にWebアプリケーションやUIを作れる。かつ、バンドルサイズやランタイムが小さく、高いパフォーマンスが期待できるライブラリです。 まだコミュニティやエコシステムが成熟しているわけではないので、不都合はありますが、小さなアプリケーション開発のようなケースでは活躍するのではないかと思っています。 Svelteで作成したToDoアプリのサンプルプロジェクトを以下のリポジトリで確認できます。 Svelteとは Svelteはコンパイラ 「Svelteはコンパイラです」と説明されることが多いので、立ち位置が難しいですが、ReactやVue.jsではなくSvelteを採用する。そういうイメージです。 なので、ライブラリとしての立ち位置として
![Svelteとは](https://cdn-ak-scissors.b.st-hatena.com/image/square/6872db24588c0bdb3e941d8fac78d24e30b0602a/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--7oLoBtHI--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_76%3ASvelte%2525E3%252581%2525A8%2525E3%252581%2525AF%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AToshihisa%252520Tomatsu%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2hUdUlsUFZrUVFzem44MUhhR2pFWmc0WkNtWEw0ZkcyQ012VXBxTHc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)