今日のほとんどのウェブアプリケーションの内部を見ると、React、Vue、Angular、Svelteなどの重いJavaScriptフレームワークがほぼ確実に含まれています。なぜ10の深くインタラクティブなウェブゲームを含むPuzzleVaultを純粋なVanilla JavaScript、HTML5、CSS3だけで構築したのでしょうか？
1. ゼロローディングタイム
React SPAでは数メガバイトのJavaScriptをダウンロードする必要がありますが、PuzzleVaultのペイロードは100KB未満です。SortStackやPatternPopは50ミリ秒以内に初期化されます。
2. レンダーサイクルの完全制御
ReactのVirtual DOMはデータテーブルには優れていますが、60FPSゲームには微細なスタッターを引き起こします。Vanilla JSならrequestAnimationFrame()とCanvas APIに直接アクセスできます。
3. 依存関係地獄の回避
W3C標準のネイティブWeb APIだけに依存するため、コードが腐敗しません。ビルドツール、Webpack、Nodeモジュールを排除してメンテナンスを最小化しています。
4. バッテリー寿命の最大化
純粋なバニラロジックにはリアクティブステートストアのメモリ割り当てオーバーヘッドがなく、ガベージコレクターの動作頻度が低下し、バッテリーを節約します。
結論
フレームワークはエンタープライズソフトウェアには素晴らしいツールですが、即時的でパフォーマンスの高いパズル体験には不要な重さを加えます。Vanilla JSがPuzzleVaultの高速性とアクセシビリティを保証します。