{"action":"created","issue":{"url":"https://api.github.com/repos/Microsoft/vscode-docs/issues/484","repository_url":"https://api.github.com/repos/Microsoft/vscode-docs","labels_url":"https://api.github.com/repos/Microsoft/vscode-docs/issues/484/labels{/name}","comments_url":"https://api.github.com/repos/Microsoft/vscode-docs/issues/484/comments","events_url":"https://api.github.com/repos/Microsoft/vscode-docs/issues/484/events","html_url":"https://github.com/Microsoft/vscode-docs/issues/484","id":168337918,"number":484,"title":"Advice / Best Practices request: React / JSX / eslint setup","user":{"login":"egamma","id":172399,"avatar_url":"https://avatars.githubusercontent.com/u/172399?v=3","gravatar_id":"","url":"https://api.github.com/users/egamma","html_url":"https://github.com/egamma","followers_url":"https://api.github.com/users/egamma/followers","following_url":"https://api.github.com/users/egamma/following{/other_user}","gists_url":"https://api.github.com/users/egamma/gists{/gist_id}","starred_url":"https://api.github.com/users/egamma/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/egamma/subscriptions","organizations_url":"https://api.github.com/users/egamma/orgs","repos_url":"https://api.github.com/users/egamma/repos","events_url":"https://api.github.com/users/egamma/events{/privacy}","received_events_url":"https://api.github.com/users/egamma/received_events","type":"User","site_admin":false},"labels":[{"id":423966244,"url":"https://api.github.com/repos/Microsoft/vscode-docs/labels/javascript","name":"javascript","color":"fbca04","default":false},{"id":253010573,"url":"https://api.github.com/repos/Microsoft/vscode-docs/labels/question","name":"question","color":"cc317c","default":true}],"state":"open","locked":false,"assignee":{"login":"waderyan","id":2449568,"avatar_url":"https://avatars.githubusercontent.com/u/2449568?v=3","gravatar_id":"","url":"https://api.github.com/users/waderyan","html_url":"https://github.com/waderyan","followers_url":"https://api.github.com/users/waderyan/followers","following_url":"https://api.github.com/users/waderyan/following{/other_user}","gists_url":"https://api.github.com/users/waderyan/gists{/gist_id}","starred_url":"https://api.github.com/users/waderyan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/waderyan/subscriptions","organizations_url":"https://api.github.com/users/waderyan/orgs","repos_url":"https://api.github.com/users/waderyan/repos","events_url":"https://api.github.com/users/waderyan/events{/privacy}","received_events_url":"https://api.github.com/users/waderyan/received_events","type":"User","site_admin":false},"assignees":[{"login":"waderyan","id":2449568,"avatar_url":"https://avatars.githubusercontent.com/u/2449568?v=3","gravatar_id":"","url":"https://api.github.com/users/waderyan","html_url":"https://github.com/waderyan","followers_url":"https://api.github.com/users/waderyan/followers","following_url":"https://api.github.com/users/waderyan/following{/other_user}","gists_url":"https://api.github.com/users/waderyan/gists{/gist_id}","starred_url":"https://api.github.com/users/waderyan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/waderyan/subscriptions","organizations_url":"https://api.github.com/users/waderyan/orgs","repos_url":"https://api.github.com/users/waderyan/repos","events_url":"https://api.github.com/users/waderyan/events{/privacy}","received_events_url":"https://api.github.com/users/waderyan/received_events","type":"User","site_admin":false}],"milestone":null,"comments":7,"created_at":"2016-07-29T14:32:20Z","updated_at":"2016-11-07T05:51:48Z","closed_at":null,"body":"_From @MrSkinny on July 22, 2016 18:12_\n- VSCode Version: 1.3.1\n- OS Version: 10.11.5\n\nI really like VSC and it's interesting when you start a Typescript project how everything seems to light up in terms of linter/debugging without any config.\n\nBut using ES6, JSX, etc. I'm having a really hard time getting the editor to cooperate. Would love to see a Best Practice guide here for what is a common great setup for a React JSX project (not exactly an 'under-the-radar' tech).  \n\nI tried the popular ESLint extension and out of the box it's popping up annoying \"React is defined but never used\" because JSX calls `React.createElement` but that's obviously not present in the file. Even if this is an ESLint problem, I'd love to hear the VSC community's solutions for this.\n\nSorry if Github Issues ain't the right place for this, but [Idea Board](https://visualstudio.uservoice.com/forums/293070-visual-studio-code) only suggests here for  discussions.\n\n_Copied from original issue: Microsoft/vscode#9633_\n"},"comment":{"url":"https://api.github.com/repos/Microsoft/vscode-docs/issues/comments/258752808","html_url":"https://github.com/Microsoft/vscode-docs/issues/484#issuecomment-258752808","issue_url":"https://api.github.com/repos/Microsoft/vscode-docs/issues/484","id":258752808,"user":{"login":"sivid","id":7440719,"avatar_url":"https://avatars.githubusercontent.com/u/7440719?v=3","gravatar_id":"","url":"https://api.github.com/users/sivid","html_url":"https://github.com/sivid","followers_url":"https://api.github.com/users/sivid/followers","following_url":"https://api.github.com/users/sivid/following{/other_user}","gists_url":"https://api.github.com/users/sivid/gists{/gist_id}","starred_url":"https://api.github.com/users/sivid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sivid/subscriptions","organizations_url":"https://api.github.com/users/sivid/orgs","repos_url":"https://api.github.com/users/sivid/repos","events_url":"https://api.github.com/users/sivid/events{/privacy}","received_events_url":"https://api.github.com/users/sivid/received_events","type":"User","site_admin":false},"created_at":"2016-11-07T05:51:48Z","updated_at":"2016-11-07T05:51:48Z","body":"As someone relatively new to the javascript ecosystem, I've spent quite some time trying to setup vscode and eslint and react together, perhaps adding a link to\r\nhttps://github.com/yannickcr/eslint-plugin-react\r\nin here \r\nhttps://code.visualstudio.com/docs/languages/javascript#_linters\r\nwould be beneficial.  \r\nSpecifically, put this in a .eslintrc.json:\r\n`{\"extends\": [\"eslint:recommended\", \"plugin:react/recommended\"]}`\r\nor equivalently in a .eslintrc.yml:\r\n```\r\nextends: \r\n  - \"eslint:recommended\"\r\n  - \"plugin:react/recommended\"\r\n```\r\n"}}
{"actor":{"display_login":"sivid"}}