Skip to main content

Using ESLint and Prettier

Comparing ESLint and Prettier

If you format this code using ESLint, it will just give you a warning that it's too wide (depends on your max-len setting). Prettier will automatically format it for you.

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne(), noWayYouGottaBeKiddingMe());
foo(
reallyLongArg(),
omgSoManyParameters(),
IShouldRefactorThis(),
isThereSeriouslyAnotherOne(),
noWayYouGottaBeKiddingMe()
);

Source: https://github.com/prettier/prettier-eslint/issues/101

Integrating ESLint and Prettier

ESLint and Prettier overlap in the code formatting feature but can be easily combined by using other packages like prettier-eslint, eslint-plugin-prettier, and eslint-config-prettier. For more information about their differences, you can view the link here.