[WEB][30GR][DRAFT] Replacing momentjs with datefns(BP040)

[titiBeOne]

Replacing momentjs with datefns(BP040)

Platform

OS	OS version	Langage
-	-	JS

Main caracteristics

ID	Title	Category	Sub-category
CRDOMxxx	Replacing momentjs with datefns	Best Practice	-

Severity / Remediation Cost

• Case 1: Optimized the size of static resources.

Severity	Remediation Cost
Medium	Medium

Rule short description

• Case 1: Replace momentjs by another library

Rule complete description

Text

♻️ Momentjs is a library that is not maintained and is heavy to load.

Benefits

Optimized the size of static resources.

Links

• Replace MomentJs

JS

❌ Code to avoid

import moment from "moment";
const age = moment().diff(birthday, "years");

✔️ Recommended code

✔️ Code to use

import differenceInYears from "date-fns/differenceInYears";

const age = differenceInYears(new Date(), birthday);

Implementation principle

• Check that the dependency is no longer in the package.json
• Check that there is no more MomentJs import
• Check that it is no longer in the generated bundle

[m-naim]

Name	Tree-shaking	Methods richness	Pattern	Locale	Timezone Support	Popularity (stars)	Sizes
Moment.js	No	High	OO	123	Good (moment-timezone)
Luxon	No	High	OO	-	Good (Intl)
date-fns	Yes	High	Functional	64	Good (date-fns-tz)
dayjs	No	High	OO	138	Good (Intl)

[m-naim]