https://github.com/jofaval/hui-tree
Headless UI TreeView/TreeList based on React, display recursive elements you can interact with
https://github.com/jofaval/hui-tree
headless headless-ui hooks react react-hooks tree treeview typescript ui
Last synced: 5 months ago
JSON representation
Headless UI TreeView/TreeList based on React, display recursive elements you can interact with
- Host: GitHub
- URL: https://github.com/jofaval/hui-tree
- Owner: jofaval
- License: mit
- Created: 2022-09-28T15:33:16.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-11-21T19:11:22.000Z (over 3 years ago)
- Last Synced: 2025-04-06T22:30:13.792Z (about 1 year ago)
- Topics: headless, headless-ui, hooks, react, react-hooks, tree, treeview, typescript, ui
- Language: TypeScript
- Homepage:
- Size: 52.7 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# HeadlessUI Tree #
Headless UI principles with React applied to Trees
## Contents
1. [Tech stack](#tech-stack)
1. [Install](#install)
1. [Usage](#usage)
1. [Necessity](#necessity)
1. [Credits](#credits)
## Tech stack
[Back to the contents](#contents)
- React
- TypeScript
## Install
[Back to the contents](#contents)
```bash
pnpm install hui-tree
```
## Usage
[Back to the contents](#contents)
```tsx
import React from 'react';
import {useTree} from '@jofaval/hui-tree'
const MyComponent: React.FC = () => {
const {} = useTree
return (
{/* ... */}
)
}
```
## Necessity
[Back to the contents](#contents)
Work experience, some libraries feel awful to work with (bad DX because they're outdated), and while the typing system is great, they don't fully integrate with React.
But the worst part of it all, is that they're a pain to customize (if it's possible at times, that is)
## Credits
[Back to the contents](#contents)
- Tanner Linsley - Tanstack and React Table's component and talk
- Theo Browne - [t3.gg](https://t3.gg)
- As referenced by Tanner Linsley in his own website, [https://www.merrickchristensen.com/articles/headless-user-interface-components/](https://www.merrickchristensen.com/articles/headless-user-interface-components/)