npmtrends.com 소개

워낙 빠르게 변하는 npm package의 트렌드를 바로 확인할 수 있는 사이트가 있어서 추천한다.

https://www.npmtrends.com/

npm trends: Compare NPM package downloads

 

google trend와 비슷하게 npm에 등록되어 있는 package의 다운로드 수를 비교해볼 수 있다.

간간히 FE 쪽 개발을 둘러보는 입장에서 최근 현황을 빠르게 확인할 수 있어서 좋은 것 같다.

예를 들어 react, angular, vue, svelte 중 어떤 게 인기가 많은지 궁금한 경우 아래처럼 검색하면 확인할 수 있다.

https://www.npmtrends.com/@angular/core-vs-react-vs-vue-vs-svelte

 

만약 bootstrap과 material ui 같은 ui components의 인기가 궁금하면 검색해보면 된다.

https://www.npmtrends.com/bootstrap-vs-material-ui

이 사이트의 좋은 점은 이렇게 검색할 때 내가 검색한 것 말고도 연관된 라이브러리 검색에 대해서도 추천해서 보여준다.

그리고 검색한 라이브러리의 상태도 같이 보여준다.

내용을 보면 material-ui의 경우 3년 전 업데이트되었다.

사용하지 않는 라이브러리를 검색한 것을 알 수 있다.

라이브러리가 개편되어 @material-ui/core로 검색해야 했던 거 같다.

위의 경우처럼 bootstrap과 material ui를 검색하면 그 아래에 다음과 같이 연관 검색을 제공해주기 때문에 이렇게 잘 모르더라도 찾아볼 수 있게 해 준다.

다만 변경된 라이브러리를 찾아서 제안해주지는 않는 것 같다.

시간이 흐르면 인기가 많던 라이브러리도 어느 순간 대체 라이브러리에 밀려나기도 하고 또 어느 순간 더 이상 지원을 하지 않게 되는 경우도 있게 된다.

다운로드 수만을 기준으로 npm package를 사용하는 게 좋은 방법은 아니지만 유의미한 판단 지점이기도 하기 때문에 참고할만한 유용한 자료가 될 수 있다.