Frontend Weekly 2023-11-17
Vite 5、Prettier 3.1、PPR - Vercelについて紹介する。
- # 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の長所を組み合わる手法です。今後のデフォルトのレンダリングモデルになる可能性が示唆されています。