solid-tree
A library of four SolidJS tree components: a basic tree, a virtualized tree for huge datasets, a bring-your-own-database tree, and a batteries-included Supabase tree with automatic multi-user leaf locking. Built for the SolidJS ecosystem using the amazing TanStack Query library.
- CLASS
- Interface engineering
- YEAR
- See repository
- ROLE
- Builder
- STATUS
- Public demo
- STACK
- SolidJS / TanStack Query / TanStack Virtual / Supabase / TypeScript
What needed solving
Large hierarchical interfaces need to stay responsive and usable by keyboard, even when data loads or changes asynchronously.
How Tim approached it
Built a headless tree API with virtualization, async and realtime sources, multi-select, rename, checkboxes, drag-and-drop, and Supabase record locking.
Where it stands
A reusable foundation for demanding tree interfaces, open source on GitHub with a live demo of all four trees.
This project concentrates complex tree behavior behind a reusable API so applications can choose their own visual treatment.