Imagine a simple interaction:

Click → animate button → fetch users → render results → highlight the first result

The user experiences these steps in a clear sequence. But does the code describe that sequence just as clearly? Can a single state hold not just a final value, but the transition like the button's animation that leads to it?

React

Here is one way to implement this interaction in React without using an animation library: