📝

Weekly Frontend News 2022年3月3週目

2022/03/18に公開

Web Component Best Practices

Web Componentsのベストプラクティスが紹介されています。
Web Components、難しい。

React PJのディレクトリ、ファイル構造、命名規則、コンポーネント分割についてです。

私もトップに components を置くのではなく、記事のように機能分類にすることが多いです。
機能分類にすることで役割が明確になりますね。

既存の環境と新しく技術刷新する環境のVisual Regression Testをする解説です。
PlaywrightやViteの機能を使ってるのも面白いです。

TypeScript 4.6サポート、singleAttributePerLine オプションが追加されてる。
複数属性がある場合に改行を挟んでくれるよう。

lazy-loading、structuredClone() と <dialog>やfocus-visible、Cascade LayersなどさまざまなCSSが入りました。
これでどのブラウザでも使えるものが増えました。

このツイートスレッドでReactドキュメントのbetaサイトになんのコンテンツが追加されたのかわかる。