State machines and UI: Rendering based on 'node-level' states instead of 'leaf' states
Before proceeding, I'd like to point out that the title of this question was rather difficult to phrase. If a more suitable title should be used, please let me know so that I may change it and make this question more useful to others. OK, on to the problem… I am currently working on a React/Redux project. A design decision I made was to manage app state and UI almost entirely with (hierarchical) state machines, for a number of reasons (which I won't delve into). I have taken advantage of Redux to store my state tree in a substate called store.machine . The rest of the Redux substates are then