One of the most common issues when setting up a new Express or React project is setting up ESLint and Prettier to work together.

If you are wondering what is the difference between them,

Prettier is code formatter which takes care of how your code should look like. ESLint is a linter which does more than just formatting. It also helps find code errors which can lead to bugs.

This short guide is dedicated to the countless beginners who might be scratching their heads on this same issue.

Note: We will be using VS Code in this tutorial, but it should pretty much work the same way for other popular code editors.

#react #javascript #prettier #eslint