O hirunewani blog

Frontend Weekly 2023-11-17

Created at

Vite 5、Prettier 3.1、PPR - Vercelについて紹介する。

Vite 5

2023年11月16日にVite 5がリリースされました。

https://vitejs.dev/blog/announcing-vite5

Rollup 4を利用するようになりパフォーマンスが向上した他、非推奨な機能の削除が行われました。またCJSのconfigが非推奨になっています。マイグレーションはさほど難しくなさそうです。

https://vitejs.dev/guide/migration.html

Prettier 3.1

2023年11月13日にPrettier 3.1がリリースされました。

https://prettier.io/blog/2023/11/13/3.1.0.html

Babel 7.23.0でサポートされた次の構文がサポートされました。

// Source Phase Imports
import source x from "mod";

// Deferred Import Evaluation
import defer * as ns from "mod";

// Optional Chaing Assignments
maybeObj?.props1 = value;

三項演算子の新しい整形ルールのフィードバックが募集されています。--experimental-ternariesで試すことが出来ます。

https://prettier.io/blog/2023/11/13/curious-ternaries

PPR - Vercel

Next.js 14で実験的な機能として追加されたPPR (Partial Prerendering)についてのVercelによる記事が公開されました。

https://vercel.com/blog/partial-prerendering-with-next-js-creating-a-new-default-rendering-model

PPRは、動的な部分を <Suspense> で包むことで部分的に動的レンダリングを行い、それ以外の部分を静的にレンダリングすることで、ISRとSSRの長所を組み合わる手法です。今後のデフォルトのレンダリングモデルになる可能性が示唆されています。