To get Eslint working nicely with React.js:
- Install linter & linter-eslint plugins
- Run
npm install eslint-plugin-react - Add
"plugins": ["react"]to your .eslintrc config file - Add
"ecmaFeatures": {"jsx": true}to your .eslintrc config file
Here is an example of a .eslintrc config file:
{
"env": {
"browser": true,
"node": true
},
"globals": {
"React": true
},
"ecmaFeatures": {
"jsx": true
},
"plugins": [
"react"
]
}
I am using Eslint v1.1.0 at the moment.
Side note:
I had to install both eslint and eslint-plugin-react as project dependencies (e.g., npm install eslint eslint-plugin-react --save-dev). Hopefully this helps.