React Router Loader

画面表示に伴うデータフェッチには loader パターンを使う。データの流れを一方向（loader → コンポーネント）にすることで、コードの見通しが良くなり、不要な useEffect を排除できる。

モードの判別方法

React Router v7 には 3 つのモードがあり、loader の書き方が異なる。

Declarative Mode では loader は使えない。

Data Mode

createBrowserRouter を使うモード。Vite プラグイン不要。