Weekly Frontend News 2022年5月1週目/useEvent,Next.js router,Skia...

GWみなさんお楽しみでしょうか〜🎏

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

RFC: useEvent by gaearon · Pull Request #220 · reactjs/rfcs

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

PropsとStateの最新値を読み取れるメモ化されたイベントハンドラーを作成できるuseEventの提案。
useCallbackでは満たせない例などが記載されている。もし提案が通れば、useEffectなどの依存に関するLintも変更されるとのこと。

The Next.js router is getting a major upgrade!

https://twitter.com/leeerob/status/1521659624516030466?s=20&t=pSapLWsCNx6H_J-YYVaigQ

Next.jsのrouterが　アップグレードされるとのこと。

React Native Skia—For Us, For You, and For Fun

https://shopify.engineering/react-native-skia-shopify

2Dの描画ライブラリのSkiaのReact Native用パッケージをshopifyがリリース。その解説記事。

The State of Frontend 2022

https://tsh.io/state-of-frontend

フロントエンドのアンケート。ただのアンケート結果だけではなく、各項目に有識者による見解が記載されている。

The Evolution of Redux Async Logic

https://blog.isquaredsoftware.com/presentations/2022-05-evolution-redux-async-logic/?slideIndex=0&stepIndex=0

Redux Middlewareについてのスライド。Middlewareの種類やRTK Queryの使用についての解説。
各用途によるMiddlewareの使い分けなど。

Storybook Performance: Vite vs Webpack

https://storybook.js.org/blog/storybook-performance-from-webpack-to-vite/

StorybookのVite builderとwebpackのビルド時間の比較解説。
Storybook 6.5のコード分割とlazy compilationが有効になっているwebpackのほうが初期起動は早いらしい。
Hot Module ReloadingはViteのほうが早い。

react-toastify v9

https://github.com/fkhadra/react-toastify/releases/tag/v9.0.0

useNotificationCenterで表示されているtoastの一覧が確認できるように。
いくつかのAPI変更もある。