Fork me on GitHub

2024-05-03のJS: Bun v1.1.5(cross compile)、React 18.3.0、Svelte 5 RC

Edit on GitHub 編集履歴を見る

JSer.info #691 - Bun v1.1.5がリリースされました。

bun build --compileがクロスコンパイルに対応し、Windows/Linux/macOSに対応したSingle Executable Binaryを出力できるようになっています。
また、package.jsonの末尾カンマを許可するようになる変更やbun.reportが追加されています。
その他には、Import Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるといった変更があります。


React v18.3.0がリリースされました。

React 19 Betaもリリースされていますが、React 19では一部APIの変更が予定されています。
React 18.3.0では、React 19での変更予定の機能に対してDeprecatedの警告を出す実装が追加されています。
React 19での変更予定については、アップグレードガイドが公開されています。


Svelte v5 RCがリリースされました。

Svelte 5ではrunesの追加、Snippetsの追加、.svelteでTypeScriptをネイティブサポート、イベントハンドラーの記述方法の変更などが行われています。


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

JSer.info Sponsors

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


ヘッドライン


Bun v1.1.6 | Bun Blog

bun.sh/blog/bun-v1.1.6

Bun ReleaseNote

Bun v1.1.6リリース。
UDP Socketsのサポート、node:dgramをサポート、dd-trace@clickhouse/clientなどが動作するようにバグ修正など


Announcement of Release - Module federation

module-federation.io/blog/announcement.html

JavaScript webpack rspack ReleaseNote

Module Federation 2.0リリース。


Bun v1.1.5 | Bun Blog

bun.sh/blog/bun-v1.1.5

Bun ReleaseNote

Bun v1.1.5リリース。
bun build --compileがクロスコンパイルに対応、package.jsonの末尾カンマを許可するように、bun.reportの追加。
Import Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるなど


Node.js — Node v22.1.0 (Current)

nodejs.org/en/blog/release/v22.1.0

nodejs ReleaseNote

Node.js v22.1.0リリース。
V8コンパイルキャッシュの保存場所を指定するNODE_COMPILE_CACHE環境変数を追加、Test Runnerに--test-skip-patternフラグの追加など


remix/CHANGELOG.md at main · remix-run/remix

github.com/remix-run/remix/blob/main/CHANGELOG.md#v290

Remix ReleaseNote

Remix 2.9.0リリース。
future.unstable_singleFetchフラグで利用できるSingle Fetchの実装。
Fetch API/undiciを使うinstallGlobals({ nativeFetch: true })の追加など


May 1, 2024 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2024-05-01.html

React library ReleaseNote

React Aria Components May 1, 2024リリース。
Submenu, unavailable menu items, DropZone, FileTriggerを正式サポート。
Color Componentの追加、TreeViewをαリリース、RouterProviderの追加など


Release 18.3.0 (April 25, 2024) · facebook/react

github.com/facebook/react/releases/tag/v18.3.0

React ReleaseNote

React v18.3.0リリース。
React 19での変更予定の機能に対してDeprecatedの警告を出す実装が追加されている。


Svelte 5 Release Candidate

svelte.dev/blog/svelte-5-release-candidate

Svelte ReleaseNote

Svelte 5 RCリリース。
runesの追加、Snippetsの追加、イベントハンドラーの記述方法の変更など。


アーティクル


MoonBit adds JS backend, up to 25x faster than native JS | MoonBit

www.moonbitlang.com/blog/js-support

WebAssembly JavaScript article

Rustライクな構文でWebAssemblyへ出力できる言語/ツールキットであるMoonBitが、JavaScriptへの出力をサポート。
Iteratorのコストが減るような変換や文字列をUnicode Code Pointとして整数値で持つなどの工夫をしている


Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium

medium.com/@nathanacurtis/design-system-generations-65f99960dc3d

Design article opinion

デザインシステムについての連載。
デザインシステムとは何か、どのように実践するか、どのようにスケールするかについて


Popover API lands in Baseline  |  Blog  |  web.dev

web.dev/blog/popover-api?hl=en

HTML JavaScript article

Popover APIについての紹介記事。
popover属性とpopovertarget属性を使ったPopover APIの使い方について。
<dialog>要素とpopover属性の違いについて


Combining CSS :has() And HTML <select> For Greater Conditional Styling — Smashing Magazine

www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/

HTML CSS article

<select>:has()を組み合わせて、選択した値によってスタイルを変化させる方法について


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


ARIA Authoring Practices Guide | APG | WAI | W3C

www.w3.org/WAI/ARIA/apg/

WAI-ARIA accessibility document

WAI-ARIAを使ったデザインパターン、ランドマークの使い方、名前の付け方について紹介しているドキュメント


Webフロントエンド版DX Criteria (v202402)/プロダクトのユーザー体験と変化に適応するチームのためのガイドライン

dxcriteria.cto-a.org/frontend

document

Webフロントエンド版DX Criteria


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


jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.

github.com/jacob-ebey/turbo-stream

JavaScript library

PromiseやDateなどをシリアライズしてWeb Streamとして送受信するためのencode/decodeライブラリ


書籍関係


The Front End Developer/Engineer Handbook 2024

frontendmasters.com/guides/front-end-handbook/2024/

HTML CSS JavaScript book

The Front End Developer/Engineer Handbookの2024年版


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