solidjs treeview component

solidjs-treeview-구성 요소

사용법: src/demo/App.jsx

라이브 데모: https://milahu.github.io/solidjs-treeview-comComponent/

아리아 스펙

https://www.w3.org/TR/wai-aria-practices/#TreeView

트리 보기 위젯은 계층적 목록을 제공합니다.
계층 구조의 모든 항목에는 하위 항목이 있을 수 있습니다.
및 하위 항목이 있는 항목
하위 항목을 표시하거나 숨기기 위해 확장하거나 축소할 수 있습니다.

예를 들어, 파일 시스템 탐색기에서
트리 보기를 사용하여 폴더와 파일을 표시합니다.
폴더를 나타내는 항목
폴더의 내용을 표시하도록 확장할 수 있습니다.
파일, 폴더 또는 둘 다일 수 있습니다.

다른 트리뷰 구성요소

• https://github.com/aquaductape/solid-tree-view - solidjs의 트리뷰 구성 요소
  • https://www.reddit.com/r/solidjs/comments/jitfj4/recreated_redux_tree_view_example_with_solid/
• https://svelte.dev/tutorial/svelte-self - svelte의 트리뷰 구성 요소
• https://github.com/mar10/fancytree - jQuery의 트리뷰 구성 요소

solidjs 문서

• solidjs/solid#499 - 트리 구조를 효율적으로 렌더링하고 트리의 노드를 업데이트하는 방법
• https://www.solidjs.com/tutorial/stores_nested_reactivity - Solid에서 세분화된 반응성이 있는 이유 중 하나는 중첩된 업데이트를 독립적으로 처리할 수 있다는 것입니다.