Example of how i use MobX and its reactivity as my state manager allowing me to share 1 data store between 4 different framework/ui libraries.
The app is basically have 1 store that contains list of "templates", each "template" has a name.
You can edit each template in framework/ui library textarea and see the outcome in uppercase(green), and lowercase(blue).
Frameworks/Ui libraries Used:
- React
- Vue
- AngularJS
- Preact
You can play with the store, by opening the console and accessing window.store
,
adding a new template is simple as window.store.addTemplate('New Template')
.
- http://mobx-cross-data.georgy-glezer.com/
- Article in Medium in depth soon to come