"virtual" components that don't own DOM nodes

[iacore]

I want to create logical component tree that don't own DOM nodes.

For example, Zdog's API is easily wrapped as Solid components.

This seems to work.
https://playground.solidjs.com/anonymous/c463efdb-c50d-467f-9bbb-64c69e31e0d4

However, I'm not sure if it's good to use Solid like this.

Features used:

• tree hierarchy
• reactive props
• context

[iacore]

I think I opened this in the wrong repo. Also solidjs/solid-start#858.

Can any admin move this to solidjs/solid?

[snnsnn]

Sure but I don't think you can display anything on a webpage without using some sort of DOM node.

See the answer for accessing the root reactive context from the other end of a VDOM tree. https://stackoverflow.com/a/75995415/7134134

[iacore]

I don't need DOM nodes. For example, component may be graphical elements in WEBGL / Canvas2d.

[snnsnn]

You need at least one DOM node to mount the rendered graphical element or VDOM or else, something like this: #1694

[atk]

Solid has no vDOM. Since Components are supposed to return a JSX.Element, returning undefined or null is also valid. That being said, have a look at the universal rendering API: https://github.com/solidjs/solid/tree/main/packages/solid/universal

It means you can make solid render to somewhere entirely different than the DOM.