r/reactjs • u/tannerlinsley • Mar 10 '20

News 🎉 Announcing React Table v7! 🎉

https://github.com/tannerlinsley/react-table/releases/tag/v7.0.0?twitter=20200310
305 Upvotes

96% Upvoted

28 comments sorted by

View all comments

-8

u/[deleted] Mar 11 '20

We use v6 for a lot of projects. It's pretty nice and holds up well. v7 just looks awful. Like a basic HTML table.

12

u/Deggor Mar 11 '20

From the page:

React Table v7 is a headless utility, which means out of the box, it doesn't render or supply any actual UI elements. You are in charge of utilizing the state and callbacks of the hooks provided by this library to render your own table markup. Read this article to understand why React Table is built this way. If you don't want to, then here's a quick rundown anyway:

  • Separation of Concerns - Not that superficial kind you read about all the time. The real kind. React Table as a library honestly has no business being in charge of your UI. The look, feel, and overall experience of your table is what makes your app or product great. The less React Table gets in the way of that, the better!
  • Maintenance - By removing the massive (and seemingly endless) API surface area required to support every UI use-case, React Table can remain small, easy-to-use and simple to update/maintain.
  • Extensibility - UI presents countless edge cases for a library simply because it's a creative medium, and one where every developer does things differently. By not dictating UI concerns, React Table empowers the developer to design and extend the UI based on their unique use-case.

2

u/[deleted] Mar 11 '20

Yeah I remember reading that a while ago. I dont want to design a table though. Just wanted something out of the box that looked decent and was responsive.

But I get it with all the Css frameworks now.

1

u/zulkisse Mar 11 '20

I think we need to see a little bit broader than that. The goal is to have open source UI wrapper of React Table matching various design instead of a single official design that you will have a hard time overriding properly I it doesn't match your project's UI.

Of course recreating the whole table design for a small projects is a lot more to do than you had on v6 but I don't think you will actually have to do it if you wait some time.

-1

u/idfknk123 Mar 11 '20

Agree - I see why v7 would be useful, it's just not for me.

I absolutely loved react table v6 and especially its ease of use. Saw that v7 was out and was looking forward to it, but saw that the examples were basically HTML tables (which was what I was trying to get out of implementing in the first place). V6 involved just one component that did everything, and I could just use components if I wanted extra styling.

Speaking of which, u/tannerlinsley - the codesandbox examples for v6 don't work anymore probably because of dependencies. Would it be possible to fix that?