react-table v7 도입

 

React Table 도입 이유

R-WMS 프로젝트의 성격상 서비스 사용자는 입출고 현황의 목록이라던지, 재고 현황 등 많은 데이터를 리스트로 보여줘야하는 UI가 대부분이다. 때문에 table을 많이 사용하게 될 것인데, 페이지 마다 다른 데이터를 붙여 테이블에 간단히 뿌리는 작업이라면 컴포넌트를 직접 개발해도 되겠지만 테이블 안에 부수적인 기능이 들어가는 페이지도 있을것이라는 점과 직접 개발했을때의 퀄리티로 모든 테이블의 작업을 패턴화하여 사용하는 개발을 하는 공수를 생각했을때 이미 이런 고민을 모아 만들어진 라이브러리를 쓰는것이 좋겠다는 생각에 React Table을 사용하게 되었다.

 

React Table은 이런 테이블 작업을 깔끔하게 패턴화해서 사용 할 수 있을 뿐만 아니라 Headless UI 개발을 할 수 있게 개발되어 스타일 커스텀에도 유리하다고 판단했다.

 

React Table의 Headless Utility 기본 개념 소개와 사용법이 궁금하다면 내 포스팅을 다시 확인해보자.

TIL - React Table Library #1

 

TIL - React Table Library #2