ESLint Setup for React Native.md

EsLint Rulels file (.eslintrc.json) will be create auto

paste rules .eslintrc.json by running ./node_modules/.bin/eslint --init

{ "extends": "airbnb",

"rules": { "react/prefer-stateless-function": 0, "import/no-unresolved": 0, "import/no-extraneous-dependencies": 0, "import/no-named-as-default": 0, "import/no-named-as-default-member": 0, "import/extensions": 0, "no-underscore-dangle": [ 0, { "allowAfterThis": true } ], "camelcase": 0, "class-methods-use-this": 0, "react/forbid-prop-types": [ 0, { "forbid": ["object"] } ], "react/jsx-filename-extension": [ 1, { "extensions": [".js", ".jsx"] } ], "quotes": ["error", "double", { "allowTemplateLiterals": true }] } }

Package.json file Script

"scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest", "lint": "eslint .", "lint:fix": "eslint . --fix", "prettier": "prettier --write '*.js'", "format-code": "yarn run prettier" },

Install devDependencies

"devDependencies": { "babel-jest": "22.4.3", "babel-preset-react-native": "4.0.0", "eslint": "^4.19.1", "eslint-config-airbnb": "^16.1.0", "eslint-plugin-import": "^2.11.0", "eslint-plugin-jsx-a11y": "^6.0.3", "eslint-plugin-react": "^7.7.0", "jest": "22.4.3", "prettier": "^1.12.1", "react-test-renderer": "16.3.1" },

Run Scripts for Lint and prittier

• yarn run lint
• yarn run lint:fix