Webコンポーネントを書こうとすると、多くの人が最初に迷うのは、「標準 API だけで十分なのか、それとも補助ライブラリを入れたほうがいいのか」という判断です。

Webコンポーネントは、再利用可能な UI 部品をブラウザ標準の仕組みで構築できる技術として、多くの開発現場で注目されています。

Webコンポーネントは、特定のフレームワークへ強く依存せず、比較的長く使える UI 部品を作りやすい仕組みとして注目されてきました。

フロントエンド開発でコンポーネントを設計するとき、多くの場合は見た目の整理、状態管理、Props の切り方、再利用性の高さといったテーマへ意識が向きます。

フロントエンド開発の現場では、React や Vue のようなフレームワークを中心に UI を構築することが一般的になっています。

フロントエンド開発では、UI をその場その場で都度作るのではなく、再利用できる部品として整理して設計することが、すでにごく自然な前提になっています。