Fork me on GitHub

2024-05-12のJS: Headless UI v2.0 for React、Astro v4.8、外部パッケージに依存せずにNode.jsで使えるようになった機能

Edit on GitHub 編集履歴を見る

JSer.info #692 - Headless UI v2.0 for Reactがリリースされました。

Floating UIのanchor指定をサポート、Checkboxコンポーネント、Fieldsetコンポーネント、Comboboxがvirtual propsをサポートなどの変更が含まれています。


Astro 4.8がリリースされました。

実験的な機能としてAstro Actions、Request Rewritingの追加が行われています。
また、パフォーマンスの改善やinjectRouteのバグ修正などの変更が含まれています。


Node.js の進化に伴い不要となったかもしれないパッケージたちという記事では、外部パッケージで提供されていた機能の一部がNode.jsにも実装されていることについて紹介されています。

  • Fetch API
  • .envファイルの読み込み
  • util.styleText
  • node:test
  • --watchフラグ
  • glob
  • util.parseArgs

などについて紹介されています。


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

JSer.info Sponsors

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


ヘッドライン


Release v0.21.0 · evanw/esbuild

github.com/evanw/esbuild/releases/tag/v0.21.0

JavaScript bundler ReleaseNote

esbuild v0.21.0リリース。
Stage 3のDecorator Proposalのサポート、プライベートメソッドの最適化、バグ修正など


Release v1.6.0 · vitest-dev/vitest

github.com/vitest-dev/vitest/releases/tag/v1.6.0

vite test ReleaseNote

vitest v1.6.0リリース。
--standaloneグラフのサポート、SnapshotをカスタマイズできるsnapshotEnvironment オプションの追加。
browser.testerScriptsbrowser.indexScriptsオプションの追加。


Release v4.3.0 · honojs/hono

github.com/honojs/hono/releases/tag/v4.3.0

Hono ReleaseNote

Hono v4.3.0リリース。
Responseに対するクライアント側での型推論の改善、hono/jsxのReactとの互換性改善、createFactoryの追加など


Astro 4.8 | Astro

astro.build/blog/astro-480/

astro ReleaseNote

Astro 4.8リリース。
実験的な機能としてAstro Action、Request Rewritingの追加。
パフォーマンスの改善やinjectRouteのバグ修正など


Node.js — Node v20.13.0 (LTS)

nodejs.org/en/blog/release/v20.13.0

nodejs ReleaseNote

Node.js v20.13.0リリース。
Bufferのbase64base64urlのパフォーマンス改善、CustomEventnode --watchをStableに変更、fs/promisesのスタックトレースの追加など


Release v1.44.0 · microsoft/playwright

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

playwright ReleaseNote

playwright v1.44.0リリース。
アクセシビリティ用のAssertionを追加、page.addLocatorHandlernoWaitAfterオプションを追加、page.removeLocatorHandlerメソッドを追加。
前回失敗したテストだけを実行する--last-failedフラグの追加など


Release v2.3.0 · mswjs/msw

github.com/mswjs/msw/releases/tag/v2.3.0

JavaScript test library

msw 2.3.0リリース。
ハンドラー内でのunhandled exceptionは500エラーとなるように変更、unhandledExceptionイベントを追加など


Release v9.0.0 · sindresorhus/execa

github.com/sindresorhus/execa/releases/tag/v9.0.0

nodejs ReleaseNote

execa v9.0.0リリース。
zx的なTemplate Literalでのコマンド実行をサポート、行ごとに出力を処理できるように、入力や出力のフィルター、verboseモードの改善など


Bun v1.1.8 | Bun Blog

bun.sh/blog/bun-v1.1.8

Bun ReleaseNote

Bun v1.1.8リリース。
process.on("uncaughtException")process.on("unhandledRejection")のサポート。
node:zlibでBrotli APIをサポート、Bun APIがExplicit Resource Managementをサポートなど


Headless UI v2.0 for React - Tailwind CSS

tailwindcss.com/blog/headless-ui-v2

React library ReleaseNote

Headless UI v2.0リリース。
Floating UIのanchor指定をサポート、Checkboxコンポーネント、Fieldsetコンポーネント、Comboboxがvirtual propsをサポートなど


Release 7.0.0 · jasonkuhrt/graphql-request

github.com/jasonkuhrt/graphql-request/releases/tag/7.0.0

GraphQL library ReleaseNote

graphql-request 7.0リリース。
cross-fetchのpolyfillを削除、Pure ESMに変更など


アーティクル


Node.js の進化に伴い不要となったかもしれないパッケージたち

zenn.dev/morinokami/articles/npm-uninstall

nodejs article

Node.jsのコアモジュールなどに実装されたパッケージの機能紹介。
Fetch API、.envのロード、util.styleTextnode:test--watchフラグ、globutil.parseArgsなどについて


TypeScript の型検査にかかる時間を短縮した話

zenn.dev/knowledgework/articles/speedup-typecheck

TypeScript article

TypeScriptの型チェックのパフォーマンスチェックと改善について


Misconceptions about CSS Specificity – Bram.us

www.bram.us/2024/05/05/misconceptions-about-css-specificity/

CSS article

CSSのSpecificityについて


Monitor Third-Party Resources that Impact UX with Playwright

www.checklyhq.com/blog/how-playwright-can-monitor-third-party-resources/

browser test article

PlaywrightのRequest Block/Delayを使ってユーザー影響のあるサードパーティスクリプトを特定する方法について


Why Patching Globals Is Harmful - kettanaito.com

kettanaito.com/blog/why-patching-globals-is-harmful

Fetch JavaScript article opinion

Global APIにmonkey patchする弊害について。
Fetch APIの仕様を各種上書きしているReact/Next.js/Bunについて


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