Setup ESLint and Prettier

[kresimir-coko]

VSCode extensions

• https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
• https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Official docs

• https://eslint.org/docs/latest/use/getting-started
• https://prettier.io/docs/en/install

.eslintrc file - ESLint config

{
    "env": {
        "browser": true,
        "es2020": true,
        "jest": true,
        "node": true
    },
    "settings": {
        "react": {
            "version": "detect"
        }
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:tailwindcss/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 11,
        "sourceType": "module"
    },

.prettierrc file- Prettier config

{
    "bracketSameLine": false,
    "bracketSpacing": false,
    "trailingComma": "es5",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
}

[Rinakat225]

ESLint and Prettier configured on: https://github.com/Rinakat225/Todo-list/commit/ed01f31e3d3b6230d45b4894479626b9bde161db