仮想DOMを使わないフロントエンドフレームワーク SolidJS

SolidJSとは?

ReactやVueのようなフロントエンドフレームワークの一種
https://www.solidjs.com/

これらと異なるのは仮想DOMを用いないこと
そのため、React等よりもパフォーマンスは良好

また、Reactの思想を色濃く受け継いでいるのでReactの関数型コンポーネントになれた人ならすぐに習得できる

環境構築

適当なディレクトリで↓を実行

$ npm init solid@latest

するとこんな風に対話形式でオプションを選択していく
今回はtemplate: hackernews, ServerSideRendering: false, TypeScript: true

完了したら↓

$ npm install
$ npm run dev -- --open

しばらくするとブラウザ上でlocalhostが開かれサンプルアプリが表示される

自分の本業はバックエンドながら簡単な画面を用意することも増えてきたのでSolidJSはやってみる価値ありそう