The principle of micro frontends is decouple, i.e. ideally they do not share states. However, in reality, things need to be shared.
We use global ways to share the state.
* Global objects: In renderCreatereactapp, we can pass in a list of global variables to each micro frontend to be shared.
* Window objects: window.variables can be used to share the variables in a global scope.
* Local storage: Local storage is another way to share things globally.