Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

React Arborist – A full-featured tree component for React

github.com

Post reply on HN
Print view View original

21–30 of 57 posts

Re: React Arborist – A full-featured tree component for React

#21

Post by CharlesW »

jameskerr wrote: post #13
citelao wrote: post #11

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/ar…

Thank you for bringing this up. It's I who apologize for being ignorant of these expected keyboard interactions. I'll make an issue in the repo to address this.

This is an interesting project that looks useful for making React components more accessible: https://react-spectrum.adobe.com/react-aria/index.html

"React Aria provides accessibility and behavior according to WAI-ARIA Authoring Practices, including full screen reader and keyboard navigation support. All components have been tested across a wide variety of screen readers and devices to ensure the best experience possible for all users."

Re: React Arborist – A full-featured tree component for React

#22

Post by gedy »

jameskerr wrote: post #14
yuchi wrote: post #10

Very sad to discover that this is NOT a ready made component to display actual trees. What a deceitful name! Jokes apart, nice library. Will try it out sooner or later. May I suggest to not use children as the prop to Ps the Node component? Maybe a more explicit NodeComponent prop would have been better imho.

Dang it, I can see how the title was deceptive. This is headless component, leaving the markup and styling completely up to the user. Many of the tree components I looked at before building this didn't let me do exactly what I wanted with the style like this one does. However, I was thinking of shipping a default " " component that comes with some default styling to get people up and running quickly. I've just made a…

This is really great that it's headless btw, so many react components hard-code style that it's makes them difficult to use in another design system

Re: React Arborist – A full-featured tree component for React

#24

Post by culi »

o_____________o wrote: post #17

There's a lack of performant, beautiful, extensible packages to visualize large JSON trees. It'd be nice to see a demo of that.

I totally agree. Firefox's default JSON viewer (an example[0] if u wanna try it with Firefox) is one of the most well-done tools I've come across at solving JSON trees. I wish I could get this as a component to play with in web design

[0] https://old.reddit.com/r/zerowaste.json

Re: React Arborist – A full-featured tree component for React

#26

Post by bredren »

jameskerr wrote: post #14
yuchi wrote: post #10

Very sad to discover that this is NOT a ready made component to display actual trees. What a deceitful name! Jokes apart, nice library. Will try it out sooner or later. May I suggest to not use children as the prop to Ps the Node component? Maybe a more explicit NodeComponent prop would have been better imho.

Dang it, I can see how the title was deceptive. This is headless component, leaving the markup and styling completely up to the user. Many of the tree components I looked at before building this didn't let me do exactly what I wanted with the style like this one does. However, I was thinking of shipping a default " " component that comes with some default styling to get people up and running quickly. I've just made a…

If anything, it would be great to see some of the other components you’ve styled for this. The behavior is important but the visuals sell.

Re: React Arborist – A full-featured tree component for React

#28

Post by jameskerr »

gedy wrote: post #22
jameskerr wrote: post #14

Earlier quoted context omitted.

Dang it, I can see how the title was deceptive. This is headless component, leaving the markup and styling completely up to the user. Many of the tree components I looked at before building this didn't let me do exactly what I wanted with the style like this one does. However, I was thinking of shipping a default " " component that comes with some default styling to get people up and running quickly. I've just made a…

This is really great that it's headless btw, so many react components hard-code style that it's makes them difficult to use in another design system

I felt this same pain and it was one of main motivations to make this library.

Re: React Arborist – A full-featured tree component for React

#29

Post by jameskerr »

samradelie wrote: post #20

Your company ( brimdata ) looks really good and your work on the Zed client app is impressive.

Thanks! We are prepping some blog content for after we get the next release out. You'll be seeing some more posts about zed on here soon.

Re: React Arborist – A full-featured tree component for React

#30

Post by jameskerr »

o_____________o wrote: post #17

There's a lack of performant, beautiful, extensible packages to visualize large JSON trees. It'd be nice to see a demo of that.

I agree. If you want things to perform on the web, you've got to virtualize the rows. Many web libraries don't.
Post reply on HN