Web Components とは？

ReactやVueはJavaScriptのライブラリだけど、Web ComponentsはブラウザそのものがネイティブでサポートしてるWeb標準なんだよ。

そうだよ。Custom Elementsで<my-card>みたいな独自タグを定義して、Shadow DOMでCSSをカプセル化して、<template>でHTMLの雛形を持つ——この3つがセットでWeb Componentsと呼ばれてるんだ。

必ずしも全部じゃなくていいよ。Custom Elementsだけ使うこともできるし、組み合わせ方は自由なんだ。

状態管理やルーティング、エコシステムの充実度でフレームワークに軍配が上がることが多いからだね。ただWeb Componentsで作ったパーツはReactでもVueでもどこでも使えるから、汎用ライブラリを作るときにすごく便利なんだよ。

そのとおり。デザインシステムやUIライブラリをWeb Componentsで書いておけば、特定フレームワークへの縛りがなくなるんだ。フレームワークが流行り廃りする中でも長く使えるのが大きな魅力だよ。