Query regarding van.derive and cleanup

[lorefnon]

Hello, I am exploring vanjs and it looks quite interesting. Thanks for open sourcing it.

van.derive appears to be the recommended solution for triggering side effects. However I don't see any support for cleanup - was curious if a good solution already exists.

Basically I am looking for an equivalent for the below usage in react:

useEffect(() => {
    // Code that runs on component mount:
    ThirdPartyComponent.init(/* ... */);

    return () => {
        // Cleanup function that runs when component unmounts
        ThirdPartyComponent.cleanup(/* ... */);
    }
}, []);

As evident from the above example, my primary goal is around interoperability with vanilla js ui libraries which are not written for vanjs.

[lorefnon]

In a sister thread I discovered van-element which has good support for lifecycle hooks (mount+cleanup) through the custom elements API. This is a good fit for my use case - Thanks @Atmos4.