React Router v7

Remix だったもの

npx create-react-router@latest my-react-router-app

import type {Route} from './+types/home'; is 何

react-router typegen した時に .react-router/types/app/+types/ に置かれる

API は Resource Route

loader で promise 返せばよい (remix 時代の defer は deprecated)

vite.config.ts で esnext にする

タイトル設定

meta の data = LoaderData が渡ってくる

code:meta.ts

export function meta({ data }: Route.MetaArgs) {

return [{ title: ${data.query} - HogeHoge }];

}