There are a few ways to do observables in React.
- Vanilla JS Object.freeze
I’ve been writing MobX for a few weeks now, and in a nutshell, here’s how it works:
- You create a store (singleton object, constructed using a class) - the observable
- You observe the store in your components
I haven’t tried this with react yet, but vanilla JS allows you to follow the observables pattern. Frontend masters has a course that teaches these patterns pretty well.
Why you might wanna use a library instead of vanilla js
What’s difficult about handling objects?
Svelte stores as an example
Svelte uses JS objects as their store. There’s a lovely tutorial that shows how this is done.