JSer.info #583 - React 18 RCがリリースされました。

How to Upgrade to the React 18 Release Candidate – React Blog

React 18 RCではIEのサポートが終了しています。

ReactDOMのrender APIをDeprecatedとし、createRoot APIの利用が推奨となっています。
SSR APIのrenderToNodeStreamを非推奨化し、SuspenseをサポートしたrenderToPipeableStreamとrenderToReadableStreamが追加されています。

setStateなどのステート更新を自動的にバッジ処理するようにし、React 17の挙動を再現するためのflushSyncAPIが追加されています。
また、ReduxなどのReact外でステート管理するライブラリ向けにuseId/useSyncExternalStore/useInsertionEffect APIを追加。

その他には、開発時の<StrictMode>ではunmountとmountでの再マウントをテストするように挙動を変更されています。global.IS_REACT_ACT_ENVIRONMENTでテスト環境かどうかを判定するように変更されています。

playwright 1.20.0がリリースされました。

Release v1.20.0 · microsoft/playwright

playwright 1.20.0では、スクリーンショットAPIにアニメーションの無効化、特定の箇所を隠すmaskオプションの追加されています。
expect().toMatchSnapshot()がanomymouse snapshotsのサポート、maxDiffPixelsとmaxDiffPixelRatioオプションの追加されています。
また、テストファイルのテストケースごとに並列化をするfullyParallelモードのオプションが追加されています。

New WebKit Features in Safari 15.4 | WebKitでは、Safari 15.4の変更点についてまとめられています。

かなり色々な機能追加がありますが、主に次のような変更が含まれています。

<dialog>要素のサポート
CSSの:has()擬似クラス
Cascade Layers
CSS Containmentのサポート。
Viewport Unitsとしてlvhやsvhなどのサポート
:focus-visible擬似クラスのサポート
calc()でのmath functionのサポート
非標準な-webkit- prefixをいくつかのCSSプロパティから削除
BroadcastChannelのサポート
window.scrollのscroll-behaviorプロパティのサポート
structuredClone APIのサポート
File System Access APIのサポート
ES2022のat()メソッドとObject.hasOwn()メソッドのサポート
Stage 3のECMAScript ProposalであるfindLast()メソッドのサポート
Intlの実装を仕様に準拠するように更新
Web App Manifestの対応改善
navigationPreloadのサポートなど
requestVideoFrameCallback()のサポート
CSP Lv3のサポート改善
XSS Auditorの削除

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

How to Upgrade to the React 18 Release Candidate – React Blog

reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html

React ReleaseNote

React 18 RCリリース。
IEのサポートを終了。
ReactDOMのrender APIをDeprecatedとし、createRoot APIの利用を推奨するように。
SSR APIのrenderToNodeStreamを非推奨化し、SuspenseをサポートしたrenderToPipeableStreamとrenderToReadableStreamを追加。
setStateのステート更新を自動的にバッジ処理するようにし、オプトアウト用のflushSyncAPIを追加。
また、ReduxなどのReact外でステート管理するライブラリ向けにuserId/useSyncExternalStore/useInsertionEffect APIを追加。
開発時は<StrictMode>でunmountとmountでの再マウントをテストするように挙動を変更。
global.IS_REACT_ACT_ENVIRONMENTでテスト環境かどうかを設定できるように。

Node v17.7.0 (Current) | Node.js

nodejs.org/en/blog/release/v17.7.0/

node.js ReleaseNote

Node.js v17.7.0リリース。
net.Socketとnet.ServerにnoDelay/keepAlive/keepAliveInitialDelayオプションの追加など

Release v8.0.0 · vueuse/vueuse

github.com/vueuse/vueuse/releases/tag/v8.0.0

Vue library ReleaseNote

vueuse v8.0.0リリース。
@vueuse/core/nuxtを削除し、代わりに@vueuse/nuxtを公開。
useTimeoutPoll/useDateFormat/useGamepad/useFileSystemAccess/useChangeCaseの追加など

Release v8.0.0 · breejs/bree

github.com/breejs/bree/releases/tag/v8.0.0

node.js library ReleaseNote

JobスケジューラーのBree 8.0.0リリース。

Release v1.20.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.20.0

browser library ReleaseNote

playwright v1.20.0リリース。
スクリーンショットAPIにアニメーションの無効化、特定の箇所を隠すmaskオプションの追加。
expect().toMatchSnapshot()がanomymouse snapshotsのサポート、maxDiffPixelsとmaxDiffPixelRatioオプションの追加。
テストの設定にテストケースごとの並列化もするfullyParallelモードを追加など

New WebKit Features in Safari 15.4 | WebKit

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

webkit safari ReleaseNote

Safari 15.4の変更点について。
<dialog>要素のサポート、CSSの:has()擬似クラス、Cascade Layers、CSS Containmentのサポート。
Viewport Unitsとしてlvhやsvhなどのサポート、:focus-visible擬似クラスのサポート、calc()でのmath functionのサポート。
非標準な-webkit- prefixをいくつかのCSSプロパティから削除。
BroadcastChannel、window.scrollのscroll-behaviorプロパティ、structuredClone、File System Access APIのサポート。
ES2022のat()メソッドとObject.hasOwn()メソッド、Stage 3のProposalであるfindLast()メソッドのサポートなど。
Intlの実装を仕様に準拠するように更新、Web App Manifestの対応改善、navigationPreloadのサポートなど。
requestVideoFrameCallback()のサポート、CSP Lv3のサポート改善、XSS Auditorの削除など