【Patterns for Reactivity with Modern Vanilla JavaScript | Frontend Masters】

Patterns for Reactivity with Modern Vanilla JavaScript – Frontend Masters Blog

“Reactivity” is how systems react to changes in data. There are many types of reactivity, but for this article, reactivity is when data change...

JavaScriptでReactiveな処理をどう実装するかについて。 EventTargetとCustomEventを使ったPubSub/Observerパターン、Proxyを使ったリフアクティブなオブジェクト、Signal。 またDOMのMutationObserverやIntersectionObserverなどAPIについて https://realtime.jser.info/2023/08/24/patterns-for-reactivity-with-modern-vanilla-javascript-frontend-masters/

【Release v3.5.0 · honojs/hono】

GitHub

Release v3.5.0 · honojs/hono

Release Notes Hono v3.5.0 is now available! Here's what's new. Secure Headers Middleware We've added the Secure Headers Middleware. It aids in enha...

Hono v3.5.0リリース。 Security Headersミドルウェアの追加、Cookieヘルパーの追加、Zod OpenAPIミドルウェアの追加。 queries、c.runtime()、app.handleEvent() を非推奨化など https://realtime.jser.info/2023/08/23/release-v3-5-0-honojs-hono/

【Debugging speculation rules - Chrome Developers】

Chrome for Developers

Debug speculation rules with Chrome DevTools | Chrome for Developers

Learn all about the Chrome DevTools features to debug speculation rules used to prefetch and prerender future page navigations.

Chromeの開発者ツールを使ったspeculationrulesなどの投機的なprefetchのデバッグ方法について https://realtime.jser.info/2023/08/23/debugging-speculation-rules-chrome-developers/

【Chrome 117 beta - Chrome Developers】

Chrome for Developers

Chrome 117 beta | Blog | Chrome for Developers

CSS grid subgrid, entry and exit animation support for CSS, array grouping, iterator helpers, and more.

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 TraialとしてShared Brotli、WebSQLのdeprecation trial。 またunloadイベントを非推奨へと変更など https://realtime.jser.info/2023/08/23/chrome-117-beta-chrome-developers/

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

GitHub

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

This is an alpha release for React-Redux 9.0. This release has many changes to our build setup and published package contents, and has breaking ch...

React-Redux v9.0.0-alpha.0リリース。 React 18、Redux 5が必須へと変更。 CJS/ESMのdual packageに対応、UMDビルドの削除、Server Componentとの互換性の改善など https://realtime.jser.info/2023/08/23/release-v9-0-0-alpha-0-reduxjs-react-redux/

【Long Animation Frames API - Chrome Developers】

Chrome for Developers

Long Animation Frames API | Web Platform | Chrome for Developers

Learn about the Long Animation Frames API (LoAF) which is the next iteration of the Long Tasks API and allows measuring frame update delays with at...

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

【Alt Text Hall of Fame – Celebrating well-written image descriptions.】

Alt Text Hall of Fame - Celebrating well-written image descriptions.

Alt Text Hall of Fame

Celebration of the effort, ingenuity, and creativity that goes into making the web a friendlier and more inclusive place, one captioned image at a ...

画像の代替テキストについてのサイト。 なぜ必要なのかと具体的にどういうキャプションを書くのかの具体的な例などを紹介している https://realtime.jser.info/2023/08/23/alt-text-hall-of-fame-celebrating-well-written-image-descriptions/

【Release v29.6.3 · jestjs/jest】

GitHub

Release v29.6.3 · jestjs/jest

Fixes [expect, @jest/expect-utils] ObjectContaining support symbol as key (#14414) [expect] Remove @types/node from dependencies (#14385) [jest-co...

Jest v29.6.3リリース。 @types/nodeへの依存を削除、watch modeでは常にworkerを使うように変更、minorバージョンで入ったmockに関する破壊的変更をrevertなど https://realtime.jser.info/2023/08/23/release-v29-6-3-jestjs-jest/

【alvarlagerlof/rsc-parser: A parser for the React Server components when sent over the network】

GitHub

GitHub - alvarlagerlof/rsc-parser: A parser for the React Server Components when sent over the network

A parser for the React Server Components when sent over the network - alvarlagerlof/rsc-parser

React Server Component(RSC)のデバッグをするブラウザ拡張。 RSCのネットワークリクエストをパースし、ペイロードを可視化できる https://realtime.jser.info/2023/08/20/alvarlagerlof-rsc-parser-a-parser-for-the-react-server-components-when-sent-over-the-network/

【Fresh 1.4 – Faster Page Loads, Layouts and More】

Deno

Fresh 1.4 – Faster Page Loads, Layouts and More | Deno

Discover new improvements in Fresh 1.4 that makes your site quicker to load and comes with several improvements to make authoring complex projects ...

Fresh 1.4リリース。 事前コンパイルによるページ読み込みの改善、<head>/<head>/<body>タグを定義できるように、_layoutフィアルのサポート。 defineRoute/defineLayout/defineApp関数の追加、ルートグループの追加など https://realtime.jser.info/2023/08/18/fresh-1-4-faster-page-loads-layouts-and-more/