Frontend Weekly 2024-11-29

React Router v7#

React Router v7 がリリース。

https://remix.run/blog/react-router-v7

React Router v6 からのアップグレードガイドラインが公開されている。最新の React Router v6 であれば、フラグを順番に有効化していくことで段階的な移行が可能。

パスの記述方法の一部変更や、useTransition を利用したルーターの状態更新、必要なパッケージが react-router-dom から react-router へ移行などの変更が含まれている。

https://reactrouter.com/upgrading/v6

また Remix のメジャーアップデートでもあるため、Remix v2 からのアップグレードガイドラインも公開されている。

https://reactrouter.com/upgrading/remix

TypeScript 5.7#

TypeScript 5.7 がリリース。

https://devblogs.microsoft.com/typescript/announcing-typescript-5-7/

初期化されていない変数のチェックや、 es2024 のサポートなど。

Node.js v22 on Vercel#

Node.js 22 LTS が Vercel で利用可能になった。

https://vercel.com/changelog/node-js-22-lts-is-now-available

State of HTML 2024#

State of HTML 2024 の結果が公開。

https://2024.stateofhtml.com/en-US/

React Scan#

Million Lint の開発している React Scan が話題になっていた。

https://github.com/aidenybai/react-scan

次のコマンドで簡単に試すことができる。

1
npx react-scan@latest http://localhost:3000