私はコーディングしました 物事 先日、私はそれをWebコンポーネントにしました。なぜなら、おそらく正しいアプローチだったのは私に起こったからです。言うまでもなく、彼らは反応19のニュースで少し心に留めています 完全なサポート。

私のコンポーネントは、動的なデータとインタラクティブ性のスミッジを備えたコンテンツが多いHTMLです。そこで、カスタム要素内にセマンティックでアクセス可能なコンテンツ重視のHTMLを残しました。サーバー側がレンダリングされます。 JavaScriptが実行されると、動的/インタラクティブなものが起動します。

あなたが私に尋ねるとそれは素晴らしいアプローチですが、私はそのアプローチについて他のいくつかのことを心地よいものにしました。 1つは、WebコンポーネントのJavaScript構造がクラスに限定されていることです。使った リトリー いくつかの小さな良い人のために、それでもそれでさえ、Webコンポーネントクラスのネイティブ構造をかなり密接に模倣しています。私はコードを構築する方法に微調整されるのが好きです。もう1つは、コンポーネントが「ライトDOM」（例えば、通常のol ‘ページからスタイル可能）であるにもかかわらず、CSSスコーピングといくつかの暗黙の構造として機能する（ネイティブCSSネストを使用）スタイルのコンポーネントの名前を作成することはまだ素晴らしいことです。

Webコンポーネントアプローチはです 小さなビットにいいです、そのまま。

私はLitelementを使用したと言いました。私は持っているべきですか？一方で、私はそれを言った バニラに行く 時間の経過とともにコンポーネントを実際に作成するものです。一方、そのように非常に多くのボイラープレートがあります。 a 「7 KB着陸パッド」 非常に多くのDXを提供することができます。また、他のテクノロジーを変更したときに「リッピング」する必要はないかもしれません。またはあなたはできます 独自のベースクラスをお持ちください そのサイズがさらに低くなり、おそらくあなたをそのバニラの故郷に少し近づけることができます。

Webコンポーネントの基本クラスの例の良い公開リストがあるかどうかは興味があります。大きなものはそうです 点灯 そして 速い、しかし私は ちょうど見た 新しいもの 反応性マストロ、動的状態と再レンダリングに信号を使用することに焦点を当てています。それは興味深い焦点であり、他の基本クラスが何に焦点を当てているのか不思議に思う。他の機能？サイズ？特別な構文？ これです だけです 1つ KB。あなたもできます 独自の反応性システムを書いてください あなたがそれに新鮮な亀裂が欲しかったなら。

私は一般的に、Webコンポーネントを使用してLight Domになり、Shadow Domのすべてのドラマをスキップするファンです。しかし、あなたがあきらめることの1つはです これは、要素の最終的なHTMLを作成するための非常に素晴らしい機能です。 ステンシル、実際にはaです コンパイラ Webコンポーネントの場合（さらに別の興味深いアプローチ） スロットをLight Domで動作させます 素晴らしいと思います。

Shadow Domにアクセスする必要があり、もしあなたがそれを手に入れた場合、自然なカプセル化はサードパーティのコンポーネントにとって非常に価値があるかもしれません。最近のスタイリングストーリーに10％悩まされていないことを喜んでいます。 「外部」から参照しているCSSと 「採用されたスタイルシート」としてシャドウドムにそれを提供する。それは、かなり賢明でオプトインのように見えるスタイルの「方法」です。