react-table-library VS slonik-trpc

I'll use React Table Library for the UI, but this pattern can work with most other tables or datagrids in a very similar way.

Maybe give https://react-table-library.com/ a try :)

Perhaps react-table-library with its Chakra UI integration is worth a try!

Ah okay. Yes, I didn't link those yet. But essentially you can find all the features on the Features section over here https://react-table-library.com/

https://tanstack.com/table/v8 https://react-table-library.com/

You could give react-table-library a shot :) The table cells are fully in your control, so you could just use an input field in them.

Check out this table's tree feature: https://react-table-library.com/

If someone is looking for a fully-featured table library that can use either Chakra or Mantine as theme, check out this 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/

For this tutorial I'm gonna use slonik-trpc for fetching data from a postgres database. It's this abstraction I created using slonik, to make it easy to build these kinds of tRPC APIs, with pure SQL queries.

We can implement selective fetching in our tRPC APIs, using a select array that we pass as an argument. Doing so manually isn't too difficult, but you can also use a package like slonik-trpc that is designed to implement this kind of API automatically.