jotaiとNext.jsとfetch

Jotaiは使いやすい
Server Xxxも使いやすそう
でもいい感じに組み合わせられるのか？

Server Componentからの情報の伝達はuseHydrateAtomsでできるのか？名前的に怪しいけど
同じStoreに対して一度しか値をセットしないって書いてて、そもそもSSRでもページ遷移とか大丈夫なのか？と思ったけど、ストア内での遷移で再初期化したいデータをatomに入れることはないからそこは問題なさそう

Server Actionはどうなんやろ
そもそもなんで自分がjotaiを便利に思うかを掘り下げると、一緒に使ってるtanstack-queryの便利さな気がしてきた

Actionのloadingをハンドリングしたいし、レスポンスも勝手に状態管理してほしいんよな

ローディングはServer Actionsだけでできそう
form限定ではあるけど
https://zenn.dev/nbr41to/articles/553d77aad3323f

tanstack-queryのAPI部分をfetchからServer Actionに置き換える…ふむ
https://reetesh.in/blog/server-action-with-tanstack-query-in-next.js-explained

tRPCもTanstack Queryとのintegration出してる
このtRPCをServer Xxxに切り替える感覚か
https://trpc.io/docs/client/react

一旦React Queryに身を委ねるというのでいいかな
バックエンドによってfetch方法は適宜という感じで