📝

Weekly Frontend News 2022年3月3週目

2022/03/18に公開約1,100字

Web Component Best Practices

https://cianfrani.dev/posts/web-component-best-practices/

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

Delightful React File/Directory Structure

https://www.joshwcomeau.com/react/file-structure/

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

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

Playwright & Vite ではじめる脱レガシー向け軽量 Visual Regression Test

https://blog.cybozu.io/entry/2022/03/18/100000

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

Prettier 2.6: new singleAttributePerLine option and new JavaScript features!

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

New WebKit Features in Safari 15.4

https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/

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

beta.reactjs.org情報

https://twitter.com/dan_abramov/status/1489699760512643073?s=20&t=DmEXceS9zUgb3SlQgJLEZQ

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

Discussion

ログインするとコメントできます