Loading video...
Video Failed to Load
New Update on the data-table: โ better keyboard navigation โ layout and design rework โ performance updates โ config improvements โ Letโs build the go-to logs table so you donโt have to.๐
24,605 views โข 1 year ago โขvia X (Twitter)
11 Comments

Design rework: weโve improved error/warning visibility and added borders for better separation of concerns. before/after

New Features: *mainly focusing on keyboard navigation*, weโve added more hotkeys (to quickly reset filters, reset focus or undo column states), column resizing and file configuration for the details sheet.

Performance improvements: weโve reduced the number of rerender by adding the new react compiler and creating dedicated contexts.

There is a long way to go. But this marks a great milestone as it sets a very good base to now focus on the component API design of the data table and the api data fetching. A little story ๐

Feel free to check out the GitHub repo for inspiration.

๐ค Big Tech's watching? Not on our watch. ๐ See how UP Phone keeps your data off their radar. ๐ซ๐ฑ #PrivacyWin #TakeControl ๐

clean af

Thanks Sadman! ๐ซถ

Question : does it use virtualization ? Last time I checked it did not

Great piece of work ๐ Since it relies on query parameters, I always felt nuqs was the way to go.

Exactly! Perfect companion.

