Fork me on GitHub

2024-11-26のJS: Angular v19、Deno 2.1(LTS)、React Router v7(from Remix)

Edit on GitHub 編集履歴を見る

JSer.info #716 - Angular v19がリリースされました。

Developer previewとして新しいIncremental Hydrationの仕組みを追加、ServerRouteでレンダリングモードを指定できるように、HMRのサポートが追加されています。

Incremental Hydrationは、@deferでHydrationを遅延実行でき、Hydrationがするまでは@placeholderでプレースホルダーを表示することができます。QwikのResumableとやや似た概念ですが、@deferではHydrationするタイミングも指定できるようになっています。

また、Standalone componentがデフォルトでtrueに変更、linkedSignalの追加、resource() APIの追加なども行われています。


Deno v2.1がリリースされました。

Deno 2.1はLTSとなるリリースで、2025年4月までサポートされる予定です。

Deno LTS

.wasmのインポートに対応、deno init --npmを追加、deno outdatedの追加、deno compileがAssetsを埋め込めるように。
deno taskにdescriptionを表示できるように、task間の依存関係を定義できるようになるなどの変更が行われています。


React Router v7がリリースされました。

React Router v7は、Remix v2のメジャーアップデートバージョンとなるバージョンにもなっています。
そのため、React Router v6とRemix v2からのアップデートガイドも公開されています。


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

JSer.info Sponsors

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


ヘッドライン


Bun v1.1.35 | Bun Blog

bun.sh/blog/bun-v1.1.35

Bun ReleaseNote

Bun v1.1.35リリース。
MuslとAlpine Linux のネイティブサポート、bun testの結果をJUnit XML形式で出力できるように、Workerのpreloadのサポートなど


Meet Angular v19. In the past two years we doubled down… | by Minko Gechev | Nov, 2024 | Angular Blog

blog.angular.dev/meet-angular-v19-7b29dfd05b84

Angular ReleaseNote

Angular v19リリース。
Developer previewとして新しいIncremental Hydrationの仕組みを追加、ServerRouteでレンダリングモードを指定できるように、HMRのサポート。
Standalone componentがデフォルトでtrueに変更、linkedSignalの追加、resource() APIの追加など


Node.js — Node v23.3.0 (Current)

nodejs.org/en/blog/release/v23.3.0

nodejs ReleaseNote

Node.js v23.3.0リリース。
util.getCallSite()がSource Mapをサポート。
Node.jsに対する変更でSEMVER-MAJORのコミットがmainブランチに入る時のルールを厳格化など


Deno 2.1: Wasm Imports and other enhancements

deno.com/blog/v2.1

dneo ReleaseNote

Deno v2.1リリース。
LTSとなるリリースで、2025年4月までサポートされる。
.wasmのインポートに対応、deno init --npmを追加、deno outdatedの追加、deno compileがAssetsを埋め込めるように。
deno taskにdescriptionを表示できるように、task間の依存関係を定義できるようになるなど


November 20, 2024 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2024-11-20.html

React UI library ReleaseNote

react-aria-components 1.5.0 リリース。
ToggleButtonGroupの追加、MenuSectionごとに設定を持たせられるように、TypeScriptの設定をStrictに変更、AccordionとDisclosureをGAに変更など


Node.js 22 runtime now available in AWS Lambda | AWS Compute Blog

aws.amazon.com/jp/blogs/compute/node-js-22-runtime-now-available-in-aws-lambda/

aws Lambda nodejs news

AWS LambdaでNode.js 22をサポート


React Router v7 | Remix

remix.run/blog/react-router-v7

React Remix ReleaseNote

React Router v7リリース。
React Router v7はRemix v2のメジャーアップデートバージョンとなる。
React Router v6とRemix v2からのアップデートガイドも公開されている。


Announcing TypeScript 5.7 - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-7/

TypeScript ReleaseNote

TypeScript 5.7リリース。
初期化されてない変数のチェック、相対パスの.tsを出力時に.jsへと書き換える--rewriteRelativeImportExtensionsフラグの追加。
--target es2024のサポート、Node.js 22のV8 Compile Cacheをサポートして実行速度の改善など


Release v1.49.0 · microsoft/playwright

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

playwright ReleaseNote

playwright v1.49.0リリース。
Aria Snapshotの追加、古いヘッドレスモード(chromium-headless-shell)と新しいヘッドレスモードが両方ダウンロードされるように変更。
--only-shellを使うことで古いヘッドレスモードのみをダウンロードできる。新しいヘッドレスモードへchannel: 'chromium'で切り替えができる。


State of HTML 2024

2024.stateofhtml.com/en-US/

HTML Survey news

State of HTML 2024の結果が公開された


アーティクル


アクセシビリティツリーを比較する Playwright の Aria snapshots がよさそう

azukiazusa.dev/blog/playwright-aria-snapshot/

playwright article test accessibility

PlaywrightのAria snapshotsについて


スライド、動画関係


JSConf JP 2024 公開資料・Xアカウントリンクまとめ

zenn.dev/yumemi_inc/articles/2024-11-24-jsconf-jp-2024

JavaScript Conference slide

JSConf JP 2024のスライドまとめ


サイト、サービス、ドキュメント


React Scan

react-scan.million.dev/

React performance tool

タグを埋め込むことでReactアプリのレンダリングのプロファイルを取得したり、なぜレンダリングされているのかをみたり、レンダリング回数などの可視化をするツール。
Million Lintが開発している。


ソフトウェア、ツール、ライブラリ関係


ysk8hori/typescript-graph: A CLI to visualize the dependencies between files in the TypeScript codebase.

github.com/ysk8hori/typescript-graph

TypeScript tool

TypeScriptのコードの依存関係をMermaidでビジュアライズできるツール


この記事へ修正リクエストをする
JSer.info Slackに参加する