ガイド: フロントエンド(React / Vite / Hono)
「ツールを減らす」「自動化に任せる部分と外す部分を見極める」の2観点。Next.js 固有の話は ガイド: Next.js、CSS は css 分野を参照。
- Vite+(vp)で lint・format・型チェック・テスト・Node 管理を1つにまとめる — lint・format・型チェック・テスト・Node 管理を1つに
- React Compiler 導入時は react-hook-form / TanStack 系のコンポーネントに 'use no memo' — 参照を保ったまま中身を変えるライブラリは自動メモ化から外す
- Hono × Inertia(@hono/inertia)で API とクライアントルーターなしの React SPA を書く — API とクライアントルーターなしでサーバー駆動の SPA
- フロントエンド: element.startViewTransition() で要素スコープの View Transition を同時実行する — 要素単位の遷移アニメーション
- テスト: Vitest 4 の Browser Mode でビジュアルリグレッションテスト(VRT)を始める — 見た目の崩れをテストで検出