JSer.info #696 - Storybook 8.1がリリースされました。
Storyファイルを作成するUIの追加、Subpath importsを使ったモックの対応、Playwright Component Testの対応しています。
pacakge.json
のimports
フィールドで特定のモジュールを条件分岐して読み分けるための仕組みであるSubpath importsについては、次の記事でも解説されています。
その他には、React 19/Angular 18のサポートなども含まれています。
Turborepo 2.0がリリースされました。
Turborepoはmonorepo向けのビルド/タスク管理ツールです。
Turborepo 2.0ではターミナルUIの刷新、persistent
オプションの追加、turbo watch
の追加、ドキュメントの刷新などが行われています。
Node.js 22.3.0がリリースされました。
Buffer
にbytes()
を実装、experimentalフラグ付きでTest RunnerでのSnapshot Testingが実装されています。
- https://nodejs.org/api/test.html#snapshot-testing
- test_runner: add snapshot testing by cjihrig · Pull Request #53169 · nodejs/node
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Announcing TypeScript 5.5 RC - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-5-rc/
TypeScript 5.5 RCリリース。
関数からtype predicatesを推論できるようになり、Array.prototype.filter
などでの絞り込みが簡潔に書けるように。
Stage 3のSet Methodsをサポート。
JSDocで@import {foo} from "foo"
をサポート、正規表現の基本的な構文チェックをサポート、isolatedDeclarations
をサポート。
設定ファイル内で${configDir}
のテンプレート値をサポート。
typescript
パッケージのサイズを削減、Named Importをサポート、transpileDeclaration
APIの追加。
transpileModule
とtranspileDeclaration
でのビルド時間を改善。
out
やtarget: ES3
などの非推奨となっていたオプションが無効化され、ignoreDeprecations
オプションを指定しないと利用できなくなる変更など
Release CLI v1.8.0 · biomejs/biome
github.com/biomejs/biome/releases/tag/cli%2Fv1.8.0
Biome v1.8.0リリース。
biome clean
コマンドを追加、biome lint
に--only
と--skip
フラグを追加、CSSのformatとlintをサポートなど
power-assert-monorepo/packages/node at main · twada/power-assert-monorepo
github.com/twada/power-assert-monorepo/tree/main/packages/node
Node.jsの--import
に対応したpower-assert
Storybook 8.1
storybook.js.org/blog/storybook-8-1/
Storybook 8.1リリース。
Storyファイルを作成するUIの追加、Subpath importsを使ったモックの対応、Playwright Component Testの対応。
React 19/Angular 18のサポートなど
Release v1.0.0 · tinylibs/tinypool
github.com/tinylibs/tinypool/releases/tag/v1.0.0
tinypool 1.0.0リリース。
Node.jsのworker_threads
のWorker Poolの実装ライブラリ
Turborepo 2.0
Turborepo 2.0リリース。
ターミナルUIの刷新、persistent
オプションの追加、turbo watch
の追加、ドキュメントの刷新など。
Firefox 127.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/127.0/releasenotes/
Firefox 127リリース。
<base>
要素にdata:
とjavascript:
が指定できないように変更、Stage 3のSet Methodsをサポート、async Clipboard APIのサポートなど
Node.js — Node v22.3.0 (Current)
nodejs.org/en/blog/release/v22.3.0
Node.js v22.3.0リリース。
Buffer
にbytes()
を実装、experimentalフラグ付きでTest RunnerでのSnapshot Testingを実装、NODE_RUN_SCRIPT_NAME
を追加など
News from WWDC24: WebKit in Safari 18 beta | WebKit
webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/
Safari 18 betaの変更点について。
View Transition APIのサポート、Style Queriesのサポート、@starting-style
と display: none
の組み合わせをサポート。
justify-content: safe center
のサポート、content-visibility
をサポート。
<input type=date>
のアクセシビリティの改善、URL.parse()
のサポート、JPEG2000のサポートを削除など
アーティクル
Data Fetching Patterns in Single-Page Applications
martinfowler.com/articles/data-fetch-spa.html
ReactのクライアントサイドでのData Fetchのパターンについて
Mastering Node.js Performance Hooks
pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model
ユーザーの端末の影響を受けるwall clockとパフォーマンスの計測に適したmonotonic clockについて。
Node.jsのperf_hooks
モジュールで利用できるPerformanceObserver
では monotonic clockの時間を取得でき、基本的な使い方についてなど
WebAssembly JSPI has a new API · V8
WebAssemblyのJavaScript Promise Integrationについて
TypeScriptの型と値とバリデーション
zenn.dev/mizchi/articles/typescript-type-value-validation
TypeScriptは基本的にはJavaScriptへ型情報を付与するだけであるため、Runtimeの動作としてはJavaScriptと変わらないという話。
バリデーションと型について
ソフトウェア、ツール、ライブラリ関係
slevithan/regex: Context-aware regex template tag with best practices built-in and advanced features
正規表現をTagged Templateで書けるライブラリ