React Arborist – A full-featured tree component for React

1. react-arborist

   1 13 3,197 6.0 TypeScript

   The complete tree view component for React

   

   https://github.com/brimdata/react-arborist/blob/main/package...

   "memoize-one": "^6.0.0",

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. monaco-tree

   2 2 121 10.0 JavaScript

   Curiosity hacks with Monaco Editor's tree component

   

   Great component, thank you for sharing. I was working on a similar component called `react-monaco-tree`, which is waay immature right now. I took `https://github.com/BlueMagnificent/monaco-tree` as the base. Are there any list of all these 'file-tree' components for React?

4. aria-practices

   3 4 1,241 8.4 HTML

   WAI-ARIA Authoring Practices Guide (APG)

   

   I should apologize off-the-bat for not digging in too deeply, but how does this handle keyboard and screenreader accessibility?

   W3C has some in-depth list of expected keyboard interactions, though I'm not sure how complete they are:

   https://w3c.github.io/aria-practices/#TreeView

   https://w3c.github.io/aria-practices/examples/treeview/treev...

   I ask because I've tried to implement a [TreeGrid](https://w3c.github.io/aria-practices/#treegrid) myself before and... it's a lot of work. I'd love an accessible, keyboard-friendly React tree :).

5. react-table-library

   4 13 768 5.2 JavaScript

   React Table Library

   

   FWIW I am working on such a table library for React [0] which has a great tree plug-in. So you can use it either as tree table or tree list (if just having one column).

   [0] https://react-table-library.com/

6. gecko-dev

   5 80 3,566 10.0 JavaScript

   Read-only Git mirror of the Mercurial gecko repositories at https://hg.mozilla.org. How to contribute: https://firefox-source-docs.mozilla.org/contributing/contribution_quickref.html

   

   I tracked down the source to Firefox Devtools' JSON viewer.

   https://github.com/mozilla/gecko-dev/tree/master/devtools/cl...

   It's based on React, but also uses require.js for its dependencies from other parts of Devtools, like TreeView - so it looks tough to separate into an independent component.

7. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

Suggest a related project