Fork me on GitHub

2024-02-20のJS: ES2024 RC、typescript-eslint v7、React Compiler

Edit on GitHub 編集履歴を見る

JSer.info #681 - 2024年6月の正式公開に向けたES2024のリリース候補が公開されました。

ES2024では、次のような変更が含まれる予定です。

毎年2月ごろに仕様へ取り込むProposalが決まり、6月ごろのGA 127th meetingで最終的な承認を得る予定です。


TypeScript向けのESLintプラグインであるtypescript-eslint v7がリリースされました。

Node.js 16のサポート終了、ESLint Flat Configをサポートするtypescript-eslintパッケージを追加する変更が含まれています。
ESLint v9.0.0でデフォルトとなる予定のESLint Flat Configを利用する場合は、typescript-eslintパッケージを利用する必要があります。


React Labs: What We've Been Working On – February 2024 – Reactという記事では、React Forgetという名前で知られていたReact Compilerの現状やReact 19へのメジャーアップデートについて書かれています。
どちらもある程度開発は進んだため、リリースまでの準備を進めていく予定について書かれています。


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

JSer.info Sponsors

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


ヘッドライン


Release Release v0.28.0 · axios/axios

github.com/axios/axios/releases/tag/v0.28.0

JavaScript HTTP library security ReleaseNote

Axios v0.28.0リリース。
Axios v1.6.0で修正されたCSRFトークンの問題をバックポート。その他にもv1.x系での修正をバックポートしている。


Announcing typescript-eslint v7 | typescript-eslint

typescript-eslint.io/blog/announcing-typescript-eslint-v7/

TypeScript ESLint ReleaseNote

typescript-eslint v7リリース。
Node.js 16のサポート終了、ESLint Flat Configをサポートするtypescript-eslintパッケージを追加。


ECMAScript proposal updates @ 2024-02 | ECMAScript Daily

ecmascript-daily.github.io/ecmascript/2024/02/15/ecmascript-proposal-update

ECMAScript proposal news

2024年2月のTC39ミーティングでのProposalの変更まとめ。
Stage 2.7というステージが新しく追加された。
ArrayBuffer.prototype.transferはStage 4となりES2024に含まれることが決まった


Release ES2024 Candidate February 2024 · tc39/ecma262

github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02

ECMAScript spec ReleaseNote

ECMAScript 2024候補のリリース。
ArrayBuffer.prototype.resize/ArrayBuffer.prototype.transfer、RegExpのvフラグの追加。
Promise.withResolversObject.groupBy/Map.groupByの追加。
Atomics.waitAsyncString.prototype.isWellFormed/String.prototype.toWellFormedの追加など


Bun v1.0.27 | Bun Blog

bun.sh/blog/bun-v1.0.27

Bun ReleaseNote

Bun v1.0.27リリース。
ResponseがAsync generatorとNode.jsのReadableをサポート、Bun Shellの改善など。
また、Bun Shellのエラー時のexit codeはv1.1では1となる変更が入る予定。


htmz - a low power tool for html

leanrada.com/htmz/

HTML JavaScript library

htmxのようにHTMLで宣言的にAjax的な表示を行う小さなスニペット。
<form action="/default#my-target" target=htmz>と指定しリクエスト結果を用意した<iframe name=htmz>に表示する。
iframeの描画結果を#my-targetの要素と置換する仕組みなっている。


Node.js — Wednesday February 14 2024 Security Releases

nodejs.org/en/blog/vulnerability/february-2024-security-releases

nodejs secu ReleaseNote

Node.jsのセキュリティアップデートとしてNode.js 20.x, 18.x, 21.xをそれぞれ更新。
OpenSSLの更新、Linuxのcapabilitiesに関するバグの修正、細工したHTTPリクエストでのDoSに関する問題、パーミッションモデルの問題の修正など


Redwood v7.0.0 Upgrade Guide - Announcements / Releases and Upgrade Guides - RedwoodJS Community

community.redwoodjs.com/t/redwood-v7-0-0-upgrade-guide/5713

nodejs library ReleaseNote

Redwood v7リリース。
Node.js 18のサポート終了、prop-typesパッケージの依存を削除、dbAuthのセキュリティ改善に伴う破壊的な変更など


アーティクル


React Labs: What We've Been Working On – February 2024 – React

react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024

React article

React Compiler(aka. React Forgot)がinstagramの本番環境で利用され、今後数ヶ月以内に公開される予定。
また、次のメジャーバージョンであるReact 19に必要な機能が揃ったため、公開の準備を進めていくという話


A novel technique for creating ergonomic and tree-shakable TypeScript libraries

softwaremill.com/a-novel-technique-for-creating-ergonomic-and-tree-shakable-typescript-libraries/

JavaScript TypeScript article

必要なメソッドを集める初期化とProxyオブジェクトを使うことで、zodのようにメソッドチェーンが可能でかつTree Shakingも可能なライブラリを作る方法について。
小さなバリデーションライブラリを例に作り方や仕組みについてを解説してる。


スライド、動画関係


JollyUI

www.jollyui.dev/

React library

React Ariaを使ったshadcn/ui互換を目指すコンポーネント集


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


Tempo • Dates by FormKit

tempo.formkit.com/

JavaScript ECMAScript i18n library

Intlオブジェクトベースの日付操作ライブラリ


kolodny/safetest

github.com/kolodny/safetest?tab=readme-ov-file

testing browser E2E library

Netflixで利用しているコンポーネントフレームワーク。
Playwright、Vitest/Jestなどのテストフレームワーク、ReactやVueなどのUIフレームワークを組み合わたテストを行う。
アプリケーションレベルのDIコンテナやテストのセットアップをコードで柔軟にした状態でPlaywrightを使ったテストを行う。


pashak09/ts-expect-error-validator: Command-line tool to validate expected TypeScript errors

github.com/pashak09/ts-expect-error-validator

TypeScript test Tools

@ts-expect-errorには指定したエラーコードだけを無視する機能はないため、@ts-expect-error [Code]のコメントで指定したエラーが起きるかをチェックできるツール。


書籍関係


Next.js超入門 - 秀和システム あなたの学びをサポート!

www.shuwasystem.co.jp/book/9784798071299.html

Next.js ebook

Next.jsの入門書


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