SolidJS は『最速の React』として注目される代替肢
SolidJS は JSX を採用しつつ仮想DOM を使わない fine-grained reactivity で React より圧倒的に速いベンチマーク結果を出しています。本記事では編集部の視点で、実務での使い方を公開情報をもとに整理します。React パフォーマンス もご参考に。
SolidJS の特徴
(1) JSX 構文：React 開発者の学習コスト低い。(2) signal ベース：createSignal/createEffect。(3) Compiler-driven：ビルド時最適化。(4) Bundle 小：数十KB。(5) パフォーマンス：React の数倍(公開情報をもとに)。
SolidStart
(1) Meta フレームワーク：Next.js 相当。(2) SSR/SSG/CSR対応。(3) ファイルベースルーティング。(4) Server Functions：Server Actions 風。(5) Vite ベース：高速HMR。
React 開発者にとっての類似点
(1) JSX：ほぼ同じ。(2) Component：function ベース。(3) Hooks 風：createSignal は useState 相当。(4) Context：似たAPI。(5) 移行学習：1〜2週間で実用レベル。
React との違い
(1) signal の getter 呼出：count() で値取得。(2) JSX 内のリアクティブ追跡。(3) useState 不要：top レベルで OK。(4) useEffect 相当：createEffect。(5) 仮想DOM なし：直接DOM 操作。
採用市場
(1) 採用人材限定：React/Vue より少ない(公開情報をもとに)。(2) 個人開発/小規模事例増加。(3) パフォーマンス重視のサービスで採用。(4) Babel/JSX エコシステムと互換。(5) 将来性：成長中・コアエンジニアの活動活発。
判断基準
(1) パフォーマンス必須：SolidJS。(2) 新規個人/小規模：試す価値あり。(3) 大規模採用：React 安全。(4) チーム合意必要。(5) 長期保守：エコシステム成熟待ち。Vue 3 実践 も比較に。
失敗しがちなパターン
(1) React 感覚で書く：signal の呼出忘れ。(2) 大規模で人材問題：採用困難。(3) エコシステムの不足：ライブラリ少。(4) 状態の不変性：mutate に注意。(5) SSR 学習コスト。対策は、(1)signal の特性理解、(2)育成枠で、(3)互換ライブラリ確認、(4)setter 経由、(5)SolidStart 公式チュートリアル、です。