Documentation: 10,000 Ft Use-Cases Applying Relevant Concepts

[dhirjgupta]

I think it would be helpful for people new to xstate if we provide some example application architectures, explaining / depicting how xstate could be leveraged in an application, at a 10,000ft level. This would help them wrap their heads around things conceptually, without having to first dive into all the concrete details and figure out for themselves how to fit things together. New users going through the docs then, will have the benefit of having practical mental models for how to use xstate and xstate concepts (actors, fsm) in real-world applications, early in their xstate journey, and before diving into the details of the docs (guides section), which would then serve primarily to help them understand how to make these mental models come to life.

I'm imagining a more fleshed out version of this example explanation I gave a new user in the discord channel:

By more fleshed out, I mean a little more refined, more examples (not just a UI example), and maybe some supporting diagrams.