📝

Weekly Frontend News 2022年3月1週目

2022/03/05に公開

自分が今週見たフロントエンド記事のまとめ。

Announcing TypeScript 4.6 - TypeScript

TypeScript 4.6のリリース。
Control Flow Analysis for Destructured Discriminated Unionsの部分は使い所がありそう、Reduxなどのaction周りとか。

ListenerMiddlewareというものが追加されました。
これを利用することでより複雑な非同期的な作業ができるようになります。
redux-sagaなどを使ってた人はイメージしやすいかも。

Vercelからモノレポの利点などとTurborepoの解説。

SafariのdevtoolでCSS variablesの確認や操作をする解説記事

オンラインカンファレンスサイトをVercel上に構築するスターターキット。
チャット機能なども揃っている。

cssの overflow: clip と overscroll-behavior が追加された。

Storybookにページをマウントする方法やmockデータをオーバーライドする方法の解説。

Storybookにページをマウントすることエッジケースなどを再現し、事前に動作を確認することができ、play関数で挙動のテストもできる。

MDNのデザインが変わった解説。
学習用のサブスクリプションとしてMDN Plusを準備しているらしい。

Dropping Support for Internet Explore

ReactのIE11のサポートが切れるようです。

2022年に実用的になるであろうCSSの解説。
Container QueriesやCascade Layersなど概念から変わるものも結構ある。

今月ブラウザに入った新しいAPIなどの解説。
structuredClone、scrollbar-gutter、COLRv1 color gradient vector fonts。

ブラウザの互換性を上げるInteropの2022年に注力する活動内容について。