Weekly Frontend News 2022年3月4週目

3月も終わり👨‍🎓
自分が今週見たフロントエンド記事のまとめ。

Introducing MDN Plus: Make MDN your own

https://hacks.mozilla.org/2022/03/introducing-mdn-plus-make-mdn-your-own/

MDNのサブスク、MDN Plusについて。
通知機能はほしい。
日本では当分ローンチされなさそう。

RFC: Intent to ship React 18

https://github.com/reactjs/rfcs/pull/212

React 18のリリースが近そう。

Introducing Ladle

https://www.ladle.dev/blog/introducing-ladle/

UberでStorybookを活用していて課題となっている部分の解決案として作られたLadleの紹介。

Viteによる高速な起動、キーボード操作、iframeなし、レスポンシブ対応などを提供。
Storybookの課題点も紹介されてる。

Releasing React Flow 10 and React Flow Pro

https://reactflow.dev/blog/react-flow-v10/

React Flow 10とサブスクサービスのReact Flow Proのリリースについて。

Release Notes for Safari Technology Preview 142

https://webkit.org/blog/12522/release-notes-for-safari-technology-preview-142/

subgrid、Container Queries、overscroll-behaviorが入る！

フォントが大好物な人に朗報🎉 MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ！！

https://coliss.com/articles/build-websites/operation/work/googlefonts-morisawa-biz-ud-gothic-and-mincho.html

これは朗報!!

主要ブラウザで使える！CSS Cascade Layers で新しいCSS設計の手法を考える

https://cybozu.github.io/frontend-expert/posts/css-cascade-layers

CSS Cascade Layersは新しい概念だけど、CSS書くときに覚えておきたい知識。

Parcel v2.4.0

https://parceljs.org/blog/v2-4-0/

新しいCSS周りの処理をおこなうParcel CSSがデフォルトに。
.module.cssをつけると自動でcss modulesとして認識してくれるように。

Release v1.0.0-rc.final.1 · redwoodjs/redwood

https://github.com/redwoodjs/redwood/releases/tag/v1.0.0-rc.final.1

React、GraphQL、Prismaのフルスタックフレームワークとして作られているRedwoodJSのリリースが近いらしい。

Community Showcase #1

https://storybook.js.org/blog/community-showcase-1/

Storybookの新機能やプラグインなどの紹介