On top of that, you can leverage our application context from the DI to help you scope your state.
In summary, the state of your state can be:
You can have global state, mainly you can either import it as a normal object or by leveraging our application context (DI)
You can have local state to your component by just declaring it and using it locally to your component
The moment you connect state, is stored in the context, this means that you can use the context state
By composition you can have state that you use inlined in your JS
You can leverage scoping locally the state at the top of your component renderer and have the renderers down the line leverage the context state