Hey Vince Speelman,
I have trouble understanding exactly what is meant by the “nothing” state. For example, how are the “nothing” and the “empty” state different (except for the fact that a component in the “nothing” state is not yet loaded)? I got the feeling that the, usually best, solution for a component in the “nothing” or “empty” state is to replace it by some sort of (interactive) placeholder.
Also, it seems to me that a component can be in multiple states at the same time. For example a list of grocery items may be valid only if each item has a name and a quantity. This grocery list component can be in both the “correct” and “some” states at the same time.
To me it would be neater to specify the states in terms of lifecycle, content and validity separately. Perhaps that separation can also shed some light on how to handle animations. For example an “empty” component may transition differently from “unloaded” to “loaded” than a “some” component.
With kind regards,