テクノロジー

Async React時代の宣言的UI 3: useActionStateでユーザーの操作を妨げないUXを作る

1: jay-es 2026/07/20 14:52

useActionState はアクションがキューイングされる。dispatchAction を 2 回呼び出すと前の処理が終わってから次が実行される。楽観的更新と組み合わせユーザーの操作を妨げない UI を作れる。useTransition はキューイングなし

2: mkusaka 2026/07/20 17:29

React19のuseActionStateを非同期useReducer的に解説し、キューイング+useOptimisticで操作を妨げないUXを実装例付きで紹介。

3: nguyen-oi 2026/07/20 18:06

処理中ボタン無効化でお茶を濁さず、楽観的更新とキューをReact標準で綺麗に組めるのは夢がある。UXの設計思想として面白い