And this UX is the same no matter what you do in the action. Later you could do:

<Input
changeAction={async text =>
await save(text);
setText(text);
}
/>

And the input is immediate, which the async is deferred.

This #GoBots #ChangeAction Flicker Stickers & Album set includes #lenticular decals and an allegedly reusable album!
#MachineRobo #マシンロボ
#RevengeofCronos #クロノスの大逆襲
#BattleHackers #バトルハッカーズ
#ChallengeoftheGobots #RoboMachine
#MachineMen #RockLords
#Bandai #バンダイ #Tonka #GoBots
#ForeverDestron

I've been wanting to help here recently. At ReactConf last year Andrew suggested libs like Radix should start accepting action* props in addition to on* event handlers.

Example would be

<Switch changeAction={updatePreference}>

If the transition/optimistic was baked in, you could pass in

Which means, you can have an Input component that has a changeAction prop (instead of onChange). The changeAction prop wraps the callback in startTransition and you don’t have to write startTransition anywhere else outside that component

But you can go further, and move the optimistic text input update into Input, then you can just do:

<Input changeAction={setText} />

Now there’s no useOptimistic or startTransition for the basic case of using a text input.

<Input
value={optimisticText}
changeAction={text =>
setOptimisticText(text)
setText(text)
}
/>