CEM についてはこれまで聞いたことがありませんでした。それは 「カスタム要素マニフェスト」 または custom-elements.json プロジェクト内のファイル。これは基本的に、プロジェクトに含まれるすべての Web コンポーネントについて生成されたドキュメントです。デイブは彼らを Web コンポーネントのキラー機能。

カスタム要素マニフェストを使用すると、 コミュニティプラグイン その情報を使用して、ファイルの生成、ドロップダウンの入力、赤い波線の追加、オートコンプリートの提供、コンポーネント ライブラリのサポートに伴う多くの日常的なメタシステム DX 作業の自動化を行うことができます。

このファイルを生成するだけで、実質的に「無料」の DX を入手できるというアイデアが気に入っています。特に気に入っているのは、 言語サーバー これにより、コード エディターは、特注の要素に対してすべての高度なオートコンプリートとリンティングを提供できるようになります。

Web コンポーネントは、次のように非常に実用的で簡単に見えることがあります。 エリック・マイヤーの最近の作品 。いくつかのメディア クエリが成功すると、一部のテキストが別の要素に取り出され、新しい場所に配置されます。そして、Web コンポーネントは時々私を怖がらせます。 アドバイスを読む 非同期の Promise 解決を確実に行うため disconnectedCallback それはあなたの鏡像です connectedCallback DOM がどのように変更されるかを予測できないからです。おそらくそれが最善です 腕まくりして独自の定義関数を作成してください。

最近人々が書いているのを見たいくつかの Web コンポーネントについて簡単に見てみましょう。このように Web コンポーネントの作成/共有が頻繁に行われているのは重要なことだと思います。