{TRANSITIONS} = F(STATE)

Summary from the TLDR Web Dev newsletter

React component trees implicitly define valid state transitions as a function of state ({transitions} = f(state)), and understanding this model is necessary for handling asynchronous and concurrent updates to prevent users from triggering invalid actions.