Official API for external reactive system

[nihil-pro]

Hi
First of all – thanks for your work, i love it.
A quick question: is there a way to add an official API for external reactive system integration, similar to SolidJS's enableExternalSource? This would be a powerful feature. Thanks!

[rschristian]

Isn't this more or less addressed by useSyncExternalStore?

[nihil-pro]

Yes, it is.

[nihil-pro]

But there is a big difference between these API's.
enableExternalSource is called once at the root, while useSyncExternalSource should be called on each component.

// main.jsx
import { render } from 'solid-js/web';
import { enableObservable } from 'kr-observable/solidjs';
import App from './App';

// Enable integration once, at the root
enableObservable(); 

const root = document.getElementById('root');
render(() => <App />, root);

[rschristian]

You're going to need to turn to option hooks in that case I'm afraid, I'm not sure there's any generalizable solution that truly covers all cases. Bundle size bump would probably be a non-starter too.