JSer.info #657 - Fresh 1.4がリリースされました。

Fresh 1.4 – Faster Page Loads, Layouts and More

事前コンパイルによるページ読み込みの改善、<head>/<head>/<body>タグを定義できるように、_layoutファイルのサポートが追加されています。
また、defineRoute/defineLayout/defineApp関数の追加、ルートグループという概念が追加されています。

Chrome 117 betaがリリースされました。

Chrome 117 beta - Chrome Developers

CSSのアニメーションに関する改善、CSS Subgridのサポート、ECMAScript Stage 3のObject.groupBy/Map.groupByの実装、Iterator Helpersの実装などが追加されています。

Bun 0.8.0がリリースされました。

Bun v0.8.0 | Bun Blog

--inspectでのWebKitのInsectorを使ったDebuggerがサポートされています。
また、bun updateでの依存関係のアップデートのサポート、Node.jsとの互換性向上によりSvelteKit/Nuxtのサポートされています。
そのほかには、Fetch APIのresponse body streamingのサポート、File constructorのサポートなどが追加されています。

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

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

JSer.info Sponsors

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

ヘッドライン

Fresh 1.4 – Faster Page Loads, Layouts and More

deno.com/blog/fresh-1.4

deno library ReleaseNote

Fresh 1.4リリース。
事前コンパイルによるページ読み込みの改善、<head>/<head>/<body>タグを定義できるように、_layoutファイルのサポート。
defineRoute/defineLayout/defineApp関数の追加、ルートグループの追加など

Release v29.6.3 · jestjs/jest

github.com/jestjs/jest/releases/tag/v29.6.3

jest ReleaseNote

Jest v29.6.3リリース。
@types/nodeへの依存を削除、watch modeでは常にworkerを使うように変更、minorバージョンで入ったmockに関する破壊的変更をrevertなど

Release v3.5.0 · honojs/hono

github.com/honojs/hono/releases/tag/v3.5.0

JavaScript server library

Hono v3.5.0リリース。
Security Headersミドルウェアの追加、Cookieヘルパーの追加、Zod OpenAPIミドルウェアの追加。
queries、c.runtime()、app.handleEvent() を非推奨化など

Chrome 117 beta - Chrome Developers

developer.chrome.com/en/blog/chrome-117-beta/

Chrome ReleaseNote

Chrome 117 betaリリース。
CSSの@starting-styleルール、overlayプロパティ、transition-behaviorプロパティのサポート。
CSS Gridにsubgridの実装、text-wrap: prettyのサポートなど。
ECMAScript Stage 3のObject.groupBy/Map.groupByの実装、Iterator Helpersの実装。

Clear-Site-Dataヘッダの値として"clientHints"と"*"を実装。
URLパースをWHATWG URL標準に合わせるように修正。
Origin TrialsとしてShared Brotli、WebSQLのdeprecation trial。
またunloadイベントを非推奨へと変更など

Release v9.0.0-alpha.0 · reduxjs/react-redux

github.com/reduxjs/react-redux/releases/tag/v9.0.0-alpha.0

React redux library ReleaseNote

React-Redux v9.0.0-alpha.0リリース。
React 18、Redux 5が必須へと変更。
CJS/ESMのdual packageに対応、UMDビルドの削除、Server Componentとの互換性の改善など

Bun v0.8.0 | Bun Blog

bun.sh/blog/bun-v0.8.0

Bun ReleaseNote

Bun v0.8.0リリース。
--inspectでのDebuggerサポート、bun updateでの依存関係のアップデートのサポート、SvelteKit/Nuxtのサポート。
Fetch APIのresponse body streamingのサポート、File constructorのサポートなど

Rspack 0.3 Release Announcement - Rspack

www.rspack.dev/blog/announcing-0.3.html

rspack webpack ReleaseNote

Rspack 0.3リリース。
CSSの挙動をwebpackと合わせるオプションとしてexperiments.css = trueを追加、post-css関係のloaderの変更など。
Web Workerのサポート、builtin:swc-loaderのサポート、RSPACK_PROFILE=ALLでのプロファイルを取れるようになるなど

Release v2.3.0 · parcel-bundler/watcher

github.com/parcel-bundler/watcher/releases/tag/v2.3.0

nodejs C++ library ReleaseNote

@parcel/watcher 2.3.0リリース。
FreeBSDのサポート、Wasmバックエンドである@parcel/watcher-wasmパッケージの追加など

アーティクル

Debugging speculation rules - Chrome Developers

developer.chrome.com/en/blog/debugging-speculation-rules/

Chrome debug article

Chromeの開発者ツールを使ったspeculationrulesなどの投機的なprefetchのデバッグ方法について

Long Animation Frames API - Chrome Developers

developer.chrome.com/en/articles/long-animation-frames/

Chrome performance article

Long Task APIでは50ms以上占有するタスクがあることしか分からないため不完全な情報だった。
Long Animation Frames APIはこの欠点を改善し、INPの改善に役立つ情報を提供する目的で追加された点について。
Long Animation Frames API に含まれる情報(Attributes)やこれを利用したデバッグ方法について。

Patterns for Reactivity with Modern Vanilla JavaScript | Frontend Masters

frontendmasters.com/blog/vanilla-javascript-reactivity/

JavaScript article

JavaScriptでReactiveな処理をどう実装するかについて。
EventTargetとCustomEventを使ったPubSub/Observerパターン、Proxyを使ったリフアクティブなオブジェクト、Signal。
またDOMのMutationObserverやIntersectionObserverなどAPIについて