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:fs
にglob
の追加などが行われています。
そのほかには、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
をサポートが追加されています。
また、out
やtarget: ES3
などの非推奨となっていたオプションが無効化され、ignoreDeprecations
オプションを指定しないと利用できなくなっています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Electron 30.0.0 | Electron
www.electronjs.org/blog/electron-30-0
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 125リリース。
Intl.Segmenter
のサポート、Popover APIのサポート、AV1コーデックのサポート、WasmのMulti Memoryをサポートなど
- Firefox 125 for developers - Mozilla | MDN
- WebAssembly/multi-memory: Multiple per-module memories for Wasm
Node.js — Node.js 22 is now available!
nodejs.org/en/blog/announcements/v22-release-announce
Node.js 22リリース。
V8 12.4へアップデート、require()
でのESMモジュールのロードをサポートする--experimental-require-module
フラグの追加。
npm run-scriptを実行するnode --run <script>
を追加、node --watch
フラグを追加、WebSocketをデフォルトで有効化、node:fs
にglob
を追加。
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 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 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
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
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 5.5リリース。
関数からtype predicatesを推論できるようになり、Array.prototype.filter
などでの絞り込みが簡潔に書けるように。
JSDocで@import {foo} from "foo"
をサポート、正規表現の基本的な構文チェックをサポート、isolatedDeclarations
をサポート。
設定ファイル内で${configDir}
のテンプレート値をサポート。
typescript
パッケージのサイズを削減、Named Importをサポート、transpileDeclaration
APIの追加。
out
やtarget: ES3
などの非推奨となっていたオプションが無効化され、ignoreDeprecations
オプションを指定しないと利用できなくなる変更など
アーティクル
Rspack v1.0 Release Plan · web-infra-dev/rspack · Discussion #6315
github.com/web-infra-dev/rspack/discussions/6315
Rspackのロードマップ。
2024年7月にRspack 1.0をリリースする予定
HTML attributes vs DOM properties - JakeArchibald.com
jakearchibald.com/2024/attributes-vs-properties/
HTMLの属性とDOMプロパティの違いについて。
属性とプロパティの型の違い、大文字小文字の区別、Reflectionについて。
また、Preact/VueやReactなどのUIフレームワークでの扱いについてなど
スライド、動画関係
LavaMoat/LavaDome: Secure DOM trees isolation and encapsulation leveraging ShadowDOM
Shadow DOMを使い同じOriginで実行されているJavaScriptからもアクセスできないDOMを扱うライブラリ
サイト、サービス、ドキュメント
React のルール – React
Rules of Reactの翻訳。
Reactでアプリケーションを書く時のルールについて書かれている
ソフトウェア、ツール、ライブラリ関係
JSON Fixer
JSONっぽいものをJSONに修正してくれるツール