React Table Tutorial: Project Setup and useTable (Part 1)
Tabular user interfaces are ubiquitous, and users and developers prefer the most commonly used and organized user interfaces. Make data easily accessible. As a ReactJS developer, you may have heard of React-Table v7. Few people can do this. If you are looking for a tutorial explaining React Table V7 using examples, you have chosen the right blog.
This series will explain how to use the main hook useTable to implement the basics of React Table. Then use other hooks: useFilters, useSortBy and usePagination.
React Table developer Tanner Linsley released React Table v7 in March 2020. We may remember using React Table class components, but now the library provides APIs and hook-based plug-ins to create React Create tables seamlessly. This version is considered a significant change because it changes the way the table is created, the user interface, and the table's style.
New Features in React Table v7
Here are the new features in React Table v7:
Headless (100% customizable, Bring-your-own-UI)
Lightweight (5kb – 14kb+ depending on features used and tree-shaking)
Sorting (Multi and Stable)
Server-side/controlled data/state
Auto out of the box, fully controllable API
Extensible via a hook-based plugin system
Read More: React Table Tutorial: Project Setup