Fork me on GitHub

2024-06-03のJS: vitest v2.0.0-beta.5(browser mode)、Rspack v0.7、ESLint Migrator

Edit on GitHub 編集履歴を見る

JSer.info #695 - Vitest v2.0.0-beta.5がリリースされました。

--merge-reportsがカバレッジをサポート、Promiseベースのmockに対するAssertionの追加、ブラウザモードの改善などが含まれています。

VitestのBrowser Modeは、jsdomhappy-domを置き換える形で、コンポーネントテストのための仕組みとして作られています。
開発中のVitest 2.0ではCommands APIとmodule mockingが追加されています。

次のIssueに、VitestのBrowser Modeの目的や方向性についての解説が書かれています。


RsPack v0.7がリリースされました。

Lazy Compilationのサポート、CSSビルドのパフォーマンス改善が行われています。
UnstableなJavaScript APIを非推奨化、@importは他のルールよりも前にあるかをチェックするようになる変更も含まれています。

また、Rspack v1.0のロードマップも公開されていて、2024年7月にv1.0がリリースされる予定です。


ESLint 9のFlat ConfigへマイグレーションするためのESLint Configuration Migratorが公開されています。

.eslintrc.jsonなどから、eslint.config.jsに移行を補助するツールとなっています。


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

JSer.info Sponsors

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


ヘッドライン


Release v2.0.0-beta.5 · vitest-dev/vitest

github.com/vitest-dev/vitest/releases/tag/v2.0.0-beta.5

vite test library ReleaseNote

vitest v2.0.0-beta.5リリース。
--merge-reportsがカバレッジをサポート、Promiseベースのmockに対するAssertionの追加、ブラウザモードの改善など


Prettier 3.3: New Flow features and a lot of bug fixes · Prettier

prettier.io/blog/2024/06/01/3.3.0.html

JavaScript Tools ReleaseNote

Prettier 3.3リリース。
Flowに追加されたdeclare name/component構文をサポート、gql template literal内のGraphQLをサポート、pnpmのpackage.yamlのサポートなど


Release v4.4.0 · honojs/hono

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

Hono ReleaseNote

Hono v4.4.0リリース。
JSRにパッケージを公開するように、getConnInfoを追加、timeout middlewareの追加など


Announcing Rspack v0.7 - Rspack

www.rspack.dev/blog/announcing-0-7

JavaScript bundler ReleaseNote

Rspack v0.7リリース。
Lazy Compilationのサポート、CSSビルドのパフォーマンス改善。
UnstableなJavaScript APIを非推奨化、@importは他のルールよりも前にあるかをチェックするように。


Deno 1.44: Private npm registries, improved Node.js compat, and performance boosts

deno.com/blog/v1.44

dneo ReleaseNote

Deno v1.44リリース。
.npmrcを使ったprivate npm registryのサポート、gRPC接続のサポート、V8のポインター圧縮によるメモリ使用量の削減。
Deno.exitCodeをStable化、Response.prototype.bytes()のサポートなど


アーティクル


Introducing the ESLint Configuration Migrator - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/05/eslint-configuration-migrator/

ESLint article

ESLint 9のFlatConfigへ移行するためのマイグレーションツールが公開された


Live types in a TypeScript monorepo

colinhacks.com/essays/live-types-typescript-monorepo

TypeScript article

monorepo内でパッケージとして分けたTypeScriptのコードをビルドなしで参照する方法について。
exportstsconfig-pathsを使った方法、publishConfigと組み合わせてnpm registryにもpubilsh可能な手法について


How 1Password Used Esbuild to Cut Browser Extension Build Times | 1Password

blog.1password.com/new-extension-build-system/

TypeScript esbuild article

esbuildのbundleとtscを使った型チェックを並列で実行するパターン、esbuildのMetafileを使ってbundle sizeを分析する方法について


書籍関係


デジタル庁デザインシステムβ版

design.digital.go.jp/

Design accessibility figma document

デジタル庁のデザインシステム。
デザイン、コンポーネント、ガイドライン、アクセシビリティについてまとめられている


テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 末村 拓也 | 本 | 通販 | Amazon

www.amazon.co.jp/dp/4798172359/

E2E test playwright book

2024年7月30日発売
CodeceptJSとPlaywrightを使ったE2Eテストについての書籍


React 19の新機能まるわかり

zenn.dev/uhyo/books/react-19-new

React book

React 19の変更点についてまとめた書籍。
ActionとuseTransitionuseActionStateuseOptimisticuseなどのHooksについて。
また、<title>などの対応、refCallback、Contextやrefの変更、onCaughtErrorオプションについてなど


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