Fork me on GitHub

2024-04-11のJS: zx 8.0.0、ESLint 9.0.0、Flowの`component`構文

Edit on GitHub 編集履歴を見る

JSer.info #688 - zx 8.0.0がリリースされました。

パッケージサイズの削減、$.syncの追加、inputオプションの追加、AbortControllerのサポート、killメソッドの追加などが行われています。
そのほかには、$.verboseのデフォルト値をfalseに変更、ssh APIの削除などの変更も含まれています


ESLint 9.0.0がリリースされました。

Node.js 18.18未満のサポート終了、Flat Configをデフォルト化、ビルトインのformatterの一部をパッケージに移動、JSDocのルールを削除、eslint:recommendeddの更新などの変更が行われています。
また、開発者向けの変更としてもloadESLint() APIの追加、RuleTesterのバリデーションの強化、ルールの書き方の変更などが行われています。

次のページにマイグレーションガイドが公開されています。

まだプラグイン側やtypescript-eslintなどがESLint v9をサポートしていないこともあるため、アップデートには注意が必要です。


New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Mediumという記事では、Flow v0.233.0で導入されたcomponent/hook/renders構文について紹介されています。
通常の関数とは異なる構文にすることでPropsのread-onlyのチェック、refのチェック、Hooksのチェックなどが行えるようになります。
これによって、間違いを減らすことや可読性を向上させることができるとしています。


PR


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

JSer.info Sponsors

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


ヘッドライン


Release 8.0.0 · google/zx

github.com/google/zx/releases/tag/8.0.0

JavaScript ShellScript library ReleaseNote

zx 8.0.0リリース。
パッケージサイズの削減、$.syncの追加、inputオプションの追加、AbortControllerのサポート、killメソッドの追加。
$.verboseのデフォルト値をfalseに変更、ssh APIの削除など


Announcing Rspack v0.6 - Rspack

www.rspack.dev/blog/announcing-0.6

JavaScript webpack ReleaseNote

Rspack 0.6リリース。
mini-css-extract-pluginの機能を組み込みサポート、デフォルトでTree Shakingを有効化。
CSSの順番が複数のchunkで矛盾している場合に警告を表示するようになるなど


Node.js — Wednesday, April 10, 2024 Security Releases

nodejs.org/en/blog/vulnerability/april-2024-security-releases-2

nodejs windows security ReleaseNote

Node.jsのセキュリティアップデートとして v18.20.2 (LTS)/v20.12.2 (LTS)/v21.7.3 (Current)がそれぞれリリース。
Windowsにおけるchild_process.spawnのコマンドインジェクションの脆弱性の修正


ESLint v9.0.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/04/eslint-v9.0.0-released/

ESLint ReleaseNote

ESLint v9.0.0リリース。
Node.js 18.18未満のサポート終了、Flat Configをデフォルト化、ビルトインのformatterの一部をパッケージに移動、JSDocのルールを削除。
eslint:recommendedの更新、loadESLint() APIの追加、RuleTesterのバリデーションの強化、ルールの書き方を変更など


アーティクル


New Flow Language Features for React | by Alex Taylor | Flow | Apr, 2024 | Medium

medium.com/flow-type/announcing-component-syntax-b6c5285660d0

flowtype React article

Flow v0.233.0で導入されたcomponent/hook/renders構文について。
通常の関数とは異なる構文にすることでPropsのread-onlyのチェック、refのチェック、Hooksのチェックなどが行える


App Router移行時に0.01%の確率でCSR遷移が404エラーになる - とろろこんぶろぐ

oisham.hatenablog.com/entry/2024/04/04/105444

Next.js article

Next.jsではApp RouterとPages Routerが共存しているときは、パスがどちらのRouterかを判定するのに Bloom Filter を利用している。
この判定は確率的に判定ミスをするが、その際にはハードナビゲーションするため本来は問題が起きない。しかし、basePathオプションを利用時には問題があったという話。


Breaking Down Next.js 14 | FocusReactive

focusreactive.com/breaking-down-next-js-14/

Next.js article

Next.js 14のApp Router/Server Components/Data Fetching/Caching/Metadata/Dynamic Image Generationについて。


History of JS interop in Dart. Support for Wasm just landed in the… | by Sigmund Cherem | Dart | Mar, 2024 | Medium

medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f

dart JavaScript article

DartのJavaScriptとの総合運用性の歴史について。
Dart 3.3で追加されたdart:js_interopについて


Learn JavaScript  |  web.dev

web.dev/learn/javascript

JavaScript tutorial

JavaScriptの基礎を学習するチュートリアル


Migrating 500+ tests from Mocha to Node.js | Astro

astro.build/blog/node-test-migration/

nodejs JavaScript testing article

Mocha/Chaiからnode:test/node:assertへテストを移行した話


Optimizing WebKit & Safari for Speedometer 3.0 | WebKit

webkit.org/blog/15249/optimizing-webkit-safari-for-speedometer-3-0/

webkit safari performance article

WebKitでSpeedometer 3.0のベンチマークに合わせた最適化を色々と取り入れた話。


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


Home | Ark UI

ark-ui.com/

JavaScript UI library

React/Solid/Vueで、Panda CSS/Tailwind/Vanilla CSSに対応したHeadless UIコンポーネントライブラリ


書籍関係


The Framework Field Guide - Fundamentals | Unicorn Utterances

unicorn-utterances.com/collections/framework-field-guide-fundamentals

JavaScript React Angular Vue book

Angular/React/Vueを一度に学べることを目的にした書籍。


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