In this video, we build a responsive React + TypeScript table using TanStack Table. With sorting, pagination, and a mobile-friendly layout, we create a clean and reusable component for displaying data.
Source code:
https://github.com/damirpristav/responsive-table-component
https://github.com/damirpristav/responsive-table-component-api
00:00 - Intro
00:05 - Project setup
02:48 - Table component
17:00 - Define types
19:35 - Axios configuration
22:10 - useDrivers hook
29:16 - Define table columns
31:35 - Create basic API with Laravel
43:10 - Connect data to table component
46:34 - Make the table responsive
49:10 - SortDropdown component
01:07:20 - Pagination component
