📝

Weekly Frontend News 2022年4月4週目/React Redux v8,Redux v4.2,Nuxt v3 RCなど

2022/04/22に公開

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

Release v8.0.0 · reduxjs/react-redux

https://github.com/reduxjs/react-redux/releases/tag/v8.0.0

React 18対応、内部のTS化によりtypes/react-reduxが不要に、ビルドをES2017にしたのでIE11非対応へ。

Release v4.2.0 · reduxjs/redux

https://github.com/reduxjs/redux/releases/tag/v4.2.0

createStore@deprecatedになり非推奨としてマークされるようになった。そしてlegacy_createStoreが追加された。これは、Redux Toolkitをへの移行を促すためである。

また、Why Redux Toolkit is How To Use Redux Today が追加され、ReduxではなくRedux Toolkitを使うべき理由が説明されている。

Announcing Nuxt 3 Release Candidate

https://nuxtjs.org/ja/announcements/nuxt3-rc/

Vue 3対応、Next.jsとはまた違ったエコシステムのViteやユニバーサル実行環境としてNitroを追加。

[react] Deprecate VoidFunctionComponent and VFC

https://github.com/DefinitelyTyped/DefinitelyTyped/pull/59882

React 18のtypes変更により、暗黙的なchildrenがなくなりました。
この変更で、React.FCとReact.VFCの差分がなくなったことによりReact.VFCがDeprecateになりました。

What's New In DevTools (Chrome 101)

https://developer.chrome.com/blog/new-in-devtools-101/

Recorder panelでユーザーの操作をJSONにしていimport/exportできるようになった。

CSSではCascade layersによる各layerとlayer毎に当たっているCSSやが確認できるようになった。

Prevent Scroll Chaining With Overscroll Behavior

https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior/

新しいCSSプロパティであるoverscroll-behaviorの解説と従来行なっていたスクロールハックの解消の解説。

Node.js v18 の主な変更点

https://shisama.hatenablog.com/entry/2022/04/20/011103

先日されたNode.js v18の変更点の解説。
fetch()がフラグ無しで実行可能になり、node:testとしてテストランナーの追加が入っている。

Discussion