---
type: bookmarks
tags: ['tree']
status: release
ctime: 2023-05-01
mtime: 2026-10-07
---

- [react-arborist](https://github.com/brimdata/react-arborist)[^264-1]
- [react-vtree](https://github.com/Lodin/react-vtree)[^264-2]
- [react-sortable-tree](https://github.com/frontend-collective/react-sortable-tree)[^264-3]
- [treejs](https://github.com/daweilv/treejs)[^264-4]
- [react-checkbox-tree](https://github.com/jakezatecky/react-checkbox-tree)[^264-5]
- [react-accessible-treeview](https://github.com/dgreene1/react-accessible-treeview)[^264-6]
- [react-dnd-treeview](https://github.com/minop1205/react-dnd-treeview)[^264-7]

---

[^264-1]: 드래그 정렬·가상화 렌더링·키보드 이동·aria 속성·선택 동기화를 한 컴포넌트에 담은 "다 되는" 트리.
[^264-2]: `react-window` 위에 얹은 가볍고 큰 트리 전용 렌더러 — 보이는 노드만 그리는 가상화가 핵심.
[^264-3]: 중첩 데이터를 드래그로 재배치하는 트리(`canDrag`·`canDrop` 등으로 제어). README 에 "적극적으로 관리되지 않는다"고 적혀 있다.
[^264-4]: 프레임워크 없이(VanillaJS) 쓰는 의존성 없는 작은 트리 위젯. React·Vue 에서도 쓸 수 있다.
[^264-5]: 체크박스 트리 — 노드를 체크해 고르는 용도.
[^264-6]: WAI-ARIA Authoring Practices 의 treeview 패턴을 구현. 단일·다중 선택, 선택을 부모로 전파(`propagateSelectUpwards`). 새 관리자를 찾는 중.
[^264-7]: 드래그·드롭 트리. 노드 모양은 render props 로 자유롭게 그리고, 놓으면 `onDrop` 으로 바뀐 트리 데이터를 받는다.