Astro ActionsではじめるReact 19のフォーム機能 by ikuma-t

React 19が登場し、useActionsStateやaction属性にサーバアクションを渡せるようになりました。これによりユーザー体験の良いフォームをReact標準の機能で簡単に実装することができるようになっています。
これらの機能はNext.jsが先取りしていたためその中で使うイメージが強いですが、Astroにexperimentalで実装されているAstro Actionと組み合わせることもできます。
特にAstroは静的コンテンツをターゲットにしているため、実装例はニュースレターやお問合せフォームなどのシンプルなインタラクションになりやすく、新しいReactの機能を学ぶのにちょうどいい題材です。
この発表では実際にAstro ActionとReact19で構築されるフォームコンポーネントを組み合わせて、React19のフォーム機能を理解していきます。