YSHUSH

리액트 라이브러리 (Date) 본문

Coding/React

리액트 라이브러리 (Date)

코딩; 2022. 9. 6. 21:13

Luxon / Day.js / date-fns / js-Joda 등이 있다.

https://npmtrends.com/date-fns-vs-dayjs-vs-luxon-vs-moment

 

date-fns vs dayjs vs luxon vs moment | npm trends

Comparing trends for date-fns 2.29.2 which has 14,271,390 weekly downloads and unknown number of GitHub stars vs. dayjs 1.11.5 which has 11,039,539 weekly downloads and unknown number of GitHub stars vs. luxon 3.0.3 which has 3,911,208 weekly downloads and

npmtrends.com

moment가 오래되서 가장 많이 쓰지만 무겁고 업데이트를 제공하지 않아 앞으로 잘 쓰이지는 않을 것이다.

 

1)

Day.js

https://day.js.org/

 

Day.js · 2kB JavaScript date utility library

2kB JavaScript date utility library

day.js.org

npm i dayjs

가볍고 moment.js의 거의 모든 기능을 그대로 대체할 수 있지만 tree shaking이 되지 않는다.

 

2)

date-fns

https://date-fns.org/

 

Modern JavaScript Date Utility Library

date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

date-fns.org

npm i date-fns date-fns-tz

tree shaking이 가능하고 커버리지가 다양하고  함수형  프로그래밍에 적합하다.

 

 

라이브러리를 선택하는데 도움을 주는  도구들

사이즈

https://bundlephobia.com/

 

Bundlephobia | Size of npm dependencies

Bundlephobia helps you find the performance impact of npm packages. Find the size of any javascript package and its effect on your frontend bundle.

bundlephobia.com

인기

https://npmtrends.com/

 

npm trends: Compare NPM package downloads

Which NPM package should you use? Compare packages download stats, bundle sizes, github stars and more. Spot trends, pick the winner.

npmtrends.com

기능 / 성능

moment alternatives 같은 걸 검색해본다.