useActionState はアクションがキューイングされる。dispatchAction を 2 回呼び出すと前の処理が終わってから次が実行される。楽観的更新と組み合わせユーザーの操作を妨げない UI を作れる。useTransition はキューイングなし
React19のuseActionStateを非同期useReducer的に解説し、キューイング+useOptimisticで操作を妨げないUXを実装例付きで紹介。
処理中ボタン無効化でお茶を濁さず、楽観的更新とキューをReact標準で綺麗に組めるのは夢がある。UXの設計思想として面白い
Async React時代の宣言的UI 3: useActionStateでユーザーの操作を妨げないUXを作る
useActionState はアクションがキューイングされる。dispatchAction を 2 回呼び出すと前の処理が終わってから次が実行される。楽観的更新と組み合わせユーザーの操作を妨げない UI を作れる。useTransition はキューイングなし
React19のuseActionStateを非同期useReducer的に解説し、キューイング+useOptimisticで操作を妨げないUXを実装例付きで紹介。
処理中ボタン無効化でお茶を濁さず、楽観的更新とキューをReact標準で綺麗に組めるのは夢がある。UXの設計思想として面白い