Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Why is this react-aria-components tanstack/table demo slow #4954

Unanswered
rostero1 asked this question in General
Discussion options

Devon put together a nice example of combining TanStack Table with react-aria-components. Without the tanstack integration, the arrow keys are very fast. They seem very slow with the integration and I can't figure out why.

https://codesandbox.io/p/sandbox/blissful-dubinsky-upkz00?file=%2Fsrc%2FApp.tsx

You must be logged in to vote

Replies: 3 comments 1 reply

Comment options

Hi,

I've also noticed that the arrow keys are slow when using TanStack Table with React Aria Components. I've tried updating all dependencies during my test, but the issue persists. Would love to know if anyone knows what's happening. I can provide an updated version if necessary.

It'd also be great to have a guide on this integration in the docs.

Thanks 🙏

You must be logged in to vote
0 replies
Comment options

Hey, did anyone found the reason?

You must be logged in to vote
0 replies
Comment options

I think it's due to the fact that react-aria uses javascript to store focus and hover states. If you inspect rerenders, the whole table rerenders as you use arrow keys. On hover it "just" rerenders the hovered cells even though in most cases this is just useless. We had some issues with the react-aria table and decided to move out until we notice that there're performance improvements in place. However it might not be as easy as it sounds.

You must be logged in to vote
1 reply
Comment options

@devongovett, any improvements on this front?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

AltStyle によって変換されたページ (->オリジナル) /