ember-codemod-sort-invocations VS prettier

Starting with [email protected], you can sort invocations.

Want proof? Prettier’s tagline literally says it best: “Code is art. Prettier is Picasso.” Check the Prettier docs one setup and suddenly your team never fights about indentation again.

Prettier: An opinionated code formatter that ensures a consistent style across your entire codebase, eliminating debates over formatting.

As you may have heard, the JS ecosystem is trying to move away from tooling written in JavaScript like eslint, prettier and even tsc for more performant options.

Prettier

So, I had to test this new version in a personal project to learn how to use all these new things along with other technologies and tools I’ve used for a long time and also love, like VSCode, ESLint, Prettier, and a bunch of other. And I did, but there’s a catch which makes the whole “experimental” thing have more sense: you can only use this through ng test.

Note, *.html was added as a temporary fix for a bug in Prettier. pnpm-lock.yaml isn't needed if the package is a workspace in a monorepo.

In short semi-columns in JavaScript helps reduce the surface for bugs in poorly maintained code bases, and provides clearer intent to formatters such as prettier.

However, after setting it up. I noticed my prettier eslint rule was still complaining (yes I did make sure the rule sat after my prettier rules). After some digging I found this comically long issue where some developers resolved to stop using prettier entirely.

If you’ve ever set up a JavaScript or TypeScript project, chances are you've spent way too much time configuring ESLint, Prettier, and their dozens of plugins. We’ve all been there — fiddling with .eslintrc, fighting with formatting conflicts, and installing what feels like half the npm registry just to get decent code quality tooling.

Use tools like Prettier to reformat code when things get messy.