React Router v6.4 preの素振りメモ

React Router v6.4のpreバージョンがリリース
https://twitter.com/ryanflorence/status/1531296331192381440?s=20&t=QJSJS1KwUzdypxQUvTZ77A

APIを見る限りほぼCSR版Remixの様相。

Remix風LoaderやActionが使える。componentからexportしたloaderやactionをrootでimportしてRouteに注入するという手法。アプリケーションが大きくなると複雑怪奇になりそうな予感。

import Root, { loader as rootLoader } from "./routes/root";
import NewNote, { action as newNoteAction } from "./routes/new";
import Note, {
  loader as noteLoader,
  action as noteAction,
} from "./routes/note";

useFetcherもjsonヘルパーもある。
そしてRemixと同様にLoaderは並列でデータフェッチを処理してくれてフォールバックも用意してくれる模様。