MFWVitePrettierNext.js
社内向けに、フロントエンド関連のニュースや業務で発生したQ&A、利用しているライブラリなどの情報を定期的に書いています。
社内の開発部メンバーに向けて直近でリリースされたライブラリなどの情報をMatsuri-tech Frontend Weeklyとしてまとめています。内容は実務や趣味で使えそうなものを中心に扱っており、網羅的ではなく偏りがあります。
# Vite 5
2023年11月16日にVite 5がリリースされました。
Rollup 4を利用するようになりパフォーマンスが向上した他、非推奨な機能の削除が行われました。またCJSのconfigが非推奨になっています。マイグレーションはさほど難しくなさそうです。
# Prettier 3.1
2023年11月13日にPrettier 3.1がリリースされました。
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で試すことが出来ます。
# 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の長所を組み合わる手法です。今後のデフォルトのレンダリングモデルになる可能性が示唆されています。