Loading video...

Video Failed to Load

Go Home

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

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

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

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

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.

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

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

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

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 ๐Ÿ“–

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

Feel free to check out the GitHub repo for inspiration.

Unplugged's profile picture
Unplugged2 years ago

๐Ÿค– Big Tech's watching? Not on our watch. ๐Ÿ˜Ž See how UP Phone keeps your data off their radar. ๐Ÿšซ๐Ÿ“ฑ #PrivacyWin #TakeControl ๐Ÿ‘‰

Sadman Sakib's profile picture
Sadman Sakib1 year ago

clean af

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

Thanks Sadman! ๐Ÿซถ

Fredkisss is on ๐Ÿฆ‹ blue sky ๐Ÿฆ‹'s profile picture
Fredkisss is on ๐Ÿฆ‹ blue sky ๐Ÿฆ‹1 year ago

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

Aleix Canet's profile picture
Aleix Canet1 year ago

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

Maximilian Kaske ๐Ÿ“'s profile picture
Maximilian Kaske ๐Ÿ“1 year ago

Exactly! Perfect companion.

Related Videos