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をおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Bun v1.1.6 | Bun Blog
Bun v1.1.6リリース。
UDP Socketsのサポート、node:dgram
をサポート、dd-trace
や@clickhouse/client
などが動作するようにバグ修正など
Announcement of Release - Module federation
module-federation.io/blog/announcement.html
Module Federation 2.0リリース。
Bun v1.1.5 | Bun Blog
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
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 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 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 v18.3.0リリース。
React 19での変更予定の機能に対してDeprecatedの警告を出す実装が追加されている。
Svelte 5 Release Candidate
svelte.dev/blog/svelte-5-release-candidate
Svelte 5 RCリリース。
runesの追加、Snippetsの追加、イベントハンドラーの記述方法の変更など。
アーティクル
MoonBit adds JS backend, up to 25x faster than native JS | MoonBit
www.moonbitlang.com/blog/js-support
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
デザインシステムについての連載。
デザインシステムとは何か、どのように実践するか、どのようにスケールするかについて
Popover API lands in Baseline | Blog | web.dev
web.dev/blog/popover-api?hl=en
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/
<select>
と:has()
を組み合わせて、選択した値によってスタイルを変化させる方法について
サイト、サービス、ドキュメント
ARIA Authoring Practices Guide | APG | WAI | W3C
WAI-ARIAを使ったデザインパターン、ランドマークの使い方、名前の付け方について紹介しているドキュメント
Webフロントエンド版DX Criteria (v202402)/プロダクトのユーザー体験と変化に適応するチームのためのガイドライン
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
PromiseやDateなどをシリアライズしてWeb Streamとして送受信するためのencode/decodeライブラリ
書籍関係
The Front End Developer/Engineer Handbook 2024
frontendmasters.com/guides/front-end-handbook/2024/
The Front End Developer/Engineer Handbookの2024年版