FOUNDATIONWeb標準・言語
Web Components
ブラウザ標準で再利用可能な独自UI要素を作る仕組み。
何者？
Custom Elements、Shadow DOM、templateやslotを組み合わせ、特定のUIフレームワークに依存しない再利用可能な要素をブラウザ標準で定義する。
何を担当する？
ブラウザ標準の部品化・カプセル化の土台を提供する。
判断の手掛かり
いつ使う？
- 複数のフレームワークや素のHTMLから共通利用できるUI部品を作りたいとき。
- Shadow DOMなどブラウザ標準のカプセル化を使いたいとき。
いつ使わない？
- 単一フレームワーク内だけで完結し、そのコンポーネントモデルの方が開発体験に合うとき。