Closed qrac closed 1 year ago
SaaSの改修案件や試作デモを作る場合、レガシーなjQueryやAlpine.jsを絡めたときにSPAな開発モードだと動かない。静的な本番とDOMレンダーの仕組みが違うから。
DOMをいじるVanilla JSを更新した際にフルリロードされない点なども地味に面倒。
v3で本番に近づけるため、SSRに目をつけた。普通はReactから静的HTMLとJSを生成してハイドレーションするが、ハイドレーションせずに静的HTMLだけ開発サーバーに返せばSSGに近い。この状態をベースにアセットの読み込みを最適化すれば理想に近づきそう。
Remove transformIndexHtml でベースの重複をなくそうとしたが、逆にplugin-reactのミドルウェアモードチェックでエラーが出るため元に戻す。
SaaSの改修案件や試作デモを作る場合、レガシーなjQueryやAlpine.jsを絡めたときにSPAな開発モードだと動かない。静的な本番とDOMレンダーの仕組みが違うから。
DOMをいじるVanilla JSを更新した際にフルリロードされない点なども地味に面倒。
v3で本番に近づけるため、SSRに目をつけた。普通はReactから静的HTMLとJSを生成してハイドレーションするが、ハイドレーションせずに静的HTMLだけ開発サーバーに返せばSSGに近い。この状態をベースにアセットの読み込みを最適化すれば理想に近づきそう。