JavaScriptビューをハードウェイで構築する

この記事では、React、Vue、lit-htmlなどのフレームワークの複雑さを回避しながら、保守性、パフォーマンス、楽しさを重視した、プレーンなJavaScriptでビューを構築するためのパターンを紹介します。このアプローチは、高パフォーマンスを実現するために直接的な命令型コードを使用し、依存関係がゼロで、優れた移植性と保守性を持ち、すべてのブラウザをサポートしています。この記事では、テンプレート、クローン関数、初期化関数、DOM変数、DOMビュー、状態変数、DOM更新関数、状態更新関数など、ビューコンポーネントの構造を詳細に説明し、コードの可読性と保守性を確保するための命名規則とベストプラクティスを示します。