Setup ESLint + Prettier in CRA Apps

.eslintrc

{
    "extends": [
        "react-app",
        "plugin:jsx-a11y/recommended",
        "plugin:prettier/recommended"
    ],
    "plugins": ["jsx-a11y", "prettier"],
    "rules": {
        "prettier/prettier": [
            "error",
            {
                "singleQuote": true
            }
        ],
        "quotes": [2, "single"]
    }
}

package.json

"dependencies": {
        "react": "^16.5.2",
        "react-dom": "^16.5.2",
        "react-scripts": "1.1.5"
    },
    "lint-staged": {
        "src/**/*.{js,jsx,json,css}": [
            "prettier --single-quote --write",
            "git add"
        ]
    },
    "scripts": {
        "lint": "prettier --single-quote --write \"src/**/*.{js,jsx,json,css}\"",
        "precommit": "lint-staged",
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
    },
    "devDependencies": {
        "eslint-config-prettier": "^3.0.1",
        "eslint-plugin-prettier": "^2.6.2",
        "husky": "^0.14.3",
        "lint-staged": "^7.3.0",
        "prettier": "^1.14.3"
    }