Fork me on GitHub

2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta

Edit on GitHub 編集履歴を見る

JSer.info #690 - Electron 30.0.0がリリースされました。

V8 12.4、Chromium 124、Node.js 20.11.1へアップデート。
File System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、WebContentsView/BaseWindowの廃止などの変更が含まれています。


Firefox 125がリリースされました。

Intl.Segmenterのサポート、Popover APIのサポート、AV1コーデックのサポート、WasmのMulti Memoryをサポートなどが追加されています。


Node.js 22がリリースされました。

Node.js 22.x は2024-10-29にLTSとなる予定のメジャーバージョンです。

V8 12.4へアップデート、require()でのESMモジュールのロードをサポートする--experimental-require-moduleフラグの追加が含まれています。
また、npm run-scriptを実行するnode --run <script>を追加、node --watchフラグを追加、WebSocketをデフォルトで有効化、node:fsglobの追加などが行われています。
そのほかには、StreamのHigh Water Markのデフォルト値を16KiBから64KiBへ変更なども行われています。


React 19 Betaがリリースされました。

Actionという概念の導入とuseActionState/useFormStatusの追加されています。
楽観的な更新を扱うuseOptimistic、Promiseをunwrapするuseの追加されています。
Server Component/Server Actionのサポート、forwardRefが不要となるように変更なども行われています。


TypeScript 5.5 Betaがリリースされました。

関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。

JSDocで@import {foo} from "foo"をサポート、正規表現の基本的な構文チェックをサポート、isolatedDeclarationsをサポートが追加されています。
また、outtarget: ES3などの非推奨となっていたオプションが無効化され、ignoreDeprecationsオプションを指定しないと利用できなくなっています。


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

JSer.info Sponsors

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


ヘッドライン


Electron 30.0.0 | Electron

www.electronjs.org/blog/electron-30-0

Electron ReleaseNote

Electron 30リリース。
V8 12.4、Chromium 124、Node.js 20.11.1へアップデート。
File System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、WebContentsView/BaseWindowの廃止など


Firefox 125.0.1, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/125.0.1/releasenotes/

Firefox ReleaseNote

Firefox 125リリース。
Intl.Segmenterのサポート、Popover APIのサポート、AV1コーデックのサポート、WasmのMulti Memoryをサポートなど


Node.js — Node.js 22 is now available!

nodejs.org/en/blog/announcements/v22-release-announce

nodejs ReleaseNote

Node.js 22リリース。
V8 12.4へアップデート、require()でのESMモジュールのロードをサポートする--experimental-require-moduleフラグの追加。
npm run-scriptを実行するnode --run <script>を追加、node --watchフラグを追加、WebSocketをデフォルトで有効化、node:fsglobを追加。
StreamのHigh Water Markのデフォルト値を16KiBから64KiBへ変更。


React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more · React Native

reactnative.dev/blog/2024/04/22/release-0.74

React iOS Android ReleaseNote

React Native 0.74リリース。
レイアウトエンジンであるYoga 3.0へアップグレート、Bridgelessがデフォルトに変更、onLayoutでのStateの更新がバッチ化されるように。
Androidの最小SDKバージョンを23 (Android 6.0)に変更、PropTypesの削除など


React 19 Beta – React

react.dev/blog/2024/04/25/react-19

React ReleaseNote

React 19 Betaリリース。
Actionという概念の導入とuseActionState/useFormStatusの追加。
楽観的な更新を扱うuseOptimistic、Promiseをunwrapするuseの追加。
Server Component/Server Actionのサポート、forwardRefが不要となるように変更。
Hydrationのエラーの表示の改善、<Context>自体が<Context.Provider>としての機能を持つように変更、refのcleanup処理を定義できるように。
useDeferredValueの第二引数に初期値をサポート、<title>などのメタデータタグのサポート、<link ref=stylesheet>でのスタイルシートのサポート。
<script async={true}>のサポート、preloadなどの<link rel=preload>を扱う関数を追加。
React 18ではサードパーティによってHTMLが改変されたときはHydration時にレンダリングし直すことで消えていたが、残るように変更、Custom Elementのサポートなど。


Release Version 2.0.0 · quilljs/quill

github.com/quilljs/quill/releases/tag/v2.0.0

JavaScript library ReleaseNote

Quill 2.0リリース。
TypeScriptのビルトインサポート、registryの追加、ドキュメントモデルとの同期にInputEventを使うように変更。


What’s new in Apollo Client 3.10 | Apollo GraphQL Blog

www.apollographql.com/blog/whats-new-in-apollo-client-3-10

GraphQL JavaScript library ReleaseNote

Apollo Client 3.10リリース。
@apollo/client/testing/experimentalにMSWと連携してスキーマ駆動テストをするcreateTestSchemaの追加、client.watchFragmentの追加。
createQueryPreloaderをStableに変更など


Announcing TypeScript 5.5 Beta - TypeScript

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

TypeScript ReleaseNote

TypeScript 5.5リリース。
関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるように。
JSDocで@import {foo} from "foo"をサポート、正規表現の基本的な構文チェックをサポート、isolatedDeclarationsをサポート。
設定ファイル内で${configDir}のテンプレート値をサポート。
typescriptパッケージのサイズを削減、Named Importをサポート、transpileDeclaration APIの追加。
outtarget: ES3などの非推奨となっていたオプションが無効化され、ignoreDeprecationsオプションを指定しないと利用できなくなる変更など


アーティクル


Rspack v1.0 Release Plan · web-infra-dev/rspack · Discussion #6315

github.com/web-infra-dev/rspack/discussions/6315

JavaScript rspack article

Rspackのロードマップ。
2024年7月にRspack 1.0をリリースする予定


HTML attributes vs DOM properties - JakeArchibald.com

jakearchibald.com/2024/attributes-vs-properties/

HTML DOM JavaScript article

HTMLの属性とDOMプロパティの違いについて。
属性とプロパティの型の違い、大文字小文字の区別、Reflectionについて。
また、Preact/VueやReactなどのUIフレームワークでの扱いについてなど


スライド、動画関係


LavaMoat/LavaDome: Secure DOM trees isolation and encapsulation leveraging ShadowDOM

github.com/LavaMoat/LavaDome

WebComponents security library

Shadow DOMを使い同じOriginで実行されているJavaScriptからもアクセスできないDOMを扱うライブラリ


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


React のルール – React

ja.react.dev/reference/rules

React docue translate

Rules of Reactの翻訳。
Reactでアプリケーションを書く時のルールについて書かれている


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


JSON Fixer

jsonfixer.com/

JSON Tools

JSONっぽいものをJSONに修正してくれるツール


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