Live data from Hacker News

React Table is a “headless” UI library

github.com

111–115 of 115 posts

Re: React Table is a “headless” UI library

#111
post #104

Earlier quoted context omitted.

Right, which makes it a deal-breaker for almost all use cases. Plus, I'd guess that it's almost always less effort to optimize the DOM-based approach than to (poorly) reimplement all of that browser functionality in canvas.

> it's almost always less effort to optimize the DOM-based approach I remember browsers starting to not love dynamic tables with just some thousands of rows.

If you use a virtual table and only render the content that is visible at any given time, the number of rows ceases to be a bottleneck for rendering. Filtering/sorting becomes the new bottleneck, but you can generally optimize that via specialized indexes/views and other techniques, depending on the shape of your data and your business requirements.

Source: I built a virtual table implementation a decade ago that scaled just fine to tens of thousands of rows, and browsers were a lot slower back then. But my requirements were also relatively simple, so YMMV.

Re: React Table is a “headless” UI library

#113

Earlier quoted context omitted.

If you are impressed by datatables, you should check out Ag-Grid. It is much, much more powerful than datatables. The only negative thing about ag-grid is its price, otherwise it is a pleasure to work with. I am not affiliated with them, just a very happy customer

Holy crap, just checked out their pricing and it is $750 per developer (for enterprise edition)! That is more expensive than JetBrains all products, $649.

Expensive? I am CTO at ag-Grid competitor(FancyGrid). And I used ag-Grid to check it in details.

You will find more in future. I use it for one of client, Financial service. I found bugs in ag-Grid, they wrote that it is custom work and that they will start custom work from 50,000$ only.

Re: React Table is a “headless” UI library

#114
post #91

I was actually building this exact thing many years ago. In hindsight I probably should have made it into React Table. https://github.com/divmgl/tabled.js

From skimming through, the library looks good! It's "generic" in the best sense of the term, agnostic of React, Vue, etc.

Thanks. Maybe I'll pick it up again and polish it up to 2019 standards.

Re: React Table is a “headless” UI library

#115
post #83
post #30

Earlier quoted context omitted.

Pagination and loading as you scroll is a hack.. I've written software using virtual lists in languages from VB6 to React. They're not a hack; they've been a staple of UI libraries for decades.

I think there is a misunderstanding here; I believe that OP is referring to "infinite scrolling" where the list items are fetched from the server n items at a time as you scroll and wishing for a toolkit that keeps the data in memory and recycles elements as you scroll (which is what everyone is recommending). When OP says "hack" they are talking about loading data as you go, not windowing, which is what you are talk…

Hi Paul, I think I may be able to solve a problem for you. Get in touch?

My public key: https://pastebin.com/GcUCBC63

Post reply on HN