Frontend Weekly 2023-10-27

2023-10-27

Tech

Frontend weekly

/

Next.js

/

TanStack Query

/

MSW

Next.js 14#

Next.js 14 リリース。Sever Actions が安定版に。他、Turbopack が 9 割のテストケースに合格、パフォーマンスの大きな改善。React Suspense を利用した部分的な事前レンダリングが開発中。App Router、認証、データベースなどを扱った無料コース Next.js Learn が公開など。

https://nextjs.org/blog/next-14

Safari 17.1#

Safari 17.1 リリース。Managed Media Source API (MMS)のサポートが iPhone にも入りました。

https://webkit.org/blog/14735/webkit-features-in-safari-17-1/

長年に渡り iPhone 以外ではサポートされていた Media Source Extensions API(MSE)については低レベルなツールキットであることや電力効率を気にしてサポートせず、ブラウザ側に一部を任せた MMS API を生やしたようです。W3C にプロポーザルが投げられています。

Node.js 21#

https://nodejs.org/en/blog/announcements/v21-release-announce

Node.js 21 リリース。奇数バージョンなので開発版です。Fetch/WebStreams API が安定版に、node --test で glob がサポート。デフォルトの解釈を CJS から ESM に変更する--experimental-default-type=moduleフラグが追加。

Yarn 4.0#

https://yarnpkg.com/blog/release/4.0

Yarn 4.0 リリース。Node.js v18 以上が必須に。yarn set versionなどで指定されたバージョンが package.json に記録されるように。公式プラグインがデフォルトで含まれるように。2 系 3 系利用している場合は 4 系に移行するとパフォーマンスの改善が見込まれます。

Storybook 7.5#

https://storybook.js.org/blog/storybook-7-5/

Storybook 7.5 リリース。 Vite 5 と Lit 3 のサポート、storiesOfの非推奨化。

JavaScript ビルドツールの整理各ツールの機能と依存関係#

https://zenn.dev/nakaakist/articles/86457bf2908379

フロントエンドのビルドツールの比較、おおまかな比較表も掲載されている。

Tanstack Query v5#

https://tanstack.com/blog/announcing-tanstack-query-v5

TanStack Query v5 リリース。 API の引数の形式変更など破壊的な変更がそこそこあるため、マグレーションガイドを読んだ方が良いです。codemod も用意されています。Suspense と合わせて useQuery を利用した際に意図せずデータの型が undefined になってしまう問題がありましたがuseSuspenseQuery(), useSuspenseInfiniteQuery(), useSuspenseQueries() を利用するように変更され解決しました。