Headless UI

[jlarmstrongiv]

Many react components use the headless ui pattern, where the state of the component is managed separately from its styling. In react, they are usually implemented as hooks.

Common examples include:

• https://tanstack.com/table/latest
• https://tiptap.dev/

It would be nice if thorium-web supported this pattern. It would make styling and theming a lot easier.

[JayPanoz]

Hi,

Thanks for your interest in Thorium Web, and I can confirm that is the plan. Eventually.

As you may have guessed from the codebase, we pivoted from demo to full-fledged NextJS project one can fork and customise through preferences to customisable NextJS app + library of components, so there is some more additional work required at the components' level.

Our own experience using the library in Readium Playground helps, but of course it is not representative of all use cases and requirements. We are slowly but surely going there and any input is appreciated, as it is not necessarily trivial to handle both purposes in an optimal way, and inputs are very valuable.

For v1 we didn’t have enough time and workforce to make all components “agnostic” in principle, so had to do with the existing dependencies, and export what could reasonably be exposed to be usable in consuming apps, but it is something we are trying to do gradually.

I do not have an ETA for that, unfortunately, but am very open to options, changes, contributions, etc. since nothing is set in stone for future developments.