useEffect で苦しまない！useActionState × Server Actions ベストプラクティス

はじめに React 19 では useActionState と Server Actions を使う機会が大幅に増えたことでしょう。 しかし、フォームアクションの結果に応じてトーストを表示するなど、UI を適切に更新しようとすると意外と手間がかかります。特に、useEffect を使わずにこれを実現しようとすると、どう書けばいいのか悩むこともあるのではないでしょうか？ 筆者も、この記事で紹介する方法に出会うまでは、「Server Actions + useActionState はリダイレクトする用途なら便利だけど、トースト表示やモーダルの開閉には結局 useEffect が必要で、それなら onSubmit で良くないか？」と考えていました。 本記事では、useEffect に頼らずに useActionState と Server Actions を活用して、スマートに UI を更