タグ

パフォーマンス

パフォーマンス に関連する記事をまとめています。

React Compiler とは何か?useMemo / useCallback を自動化する公式コンパイラの仕組みと採用判断

React Compiler は Meta が開発する React 公式のコンパイラで、`useMemo / useCallback / memo を書かなくても、必要な箇所だけ自動でメモ化』 してくれます。`Rules of React に準拠していれば手動最適化が不要になる』 という大きな変化で、Next.js / Vite / Babel から導入できます。仕組み、Rules of React、採用判断軸を整理します。

Qwik とは何か?Resumability で初回表示を爆速にする新世代フレームワーク

Qwik は Builder.io が開発する `Resumability(再開可能性)』 という考え方で動く新世代の UI フレームワークです。`サーバ側で完全に動作可能な HTML を出力 → クライアントは Hydration せずにそのまま再開』 という発想で、初回表示の JS 読み込みをほぼゼロにします。React との違い、$ 接頭辞、Qwik City、採用判断軸を整理します。

Solid.js とは何か?シグナル駆動・仮想 DOM なしで動く高速 UI フレームワークと React との使い分け

Solid.js は `JSX で書くが仮想 DOM を使わず、シグナル駆動の細かいリアクティビティで動く』 高速 UI フレームワークです。React に書き味は近いものの、`関数コンポーネントは1度しか実行されず、変更検知は依存単位』 という設計で、パフォーマンスとシンプルさを両立しています。React との違い、SolidStart、採用判断軸を整理します。