{"action":"created","issue":{"url":"https://api.github.com/repos/mattkrick/meatier/issues/129","repository_url":"https://api.github.com/repos/mattkrick/meatier","labels_url":"https://api.github.com/repos/mattkrick/meatier/issues/129/labels{/name}","comments_url":"https://api.github.com/repos/mattkrick/meatier/issues/129/comments","events_url":"https://api.github.com/repos/mattkrick/meatier/issues/129/events","html_url":"https://github.com/mattkrick/meatier/issues/129","id":143664697,"number":129,"title":"JSX file extensions","user":{"login":"smysnk","id":1548173,"avatar_url":"https://avatars.githubusercontent.com/u/1548173?v=3","gravatar_id":"","url":"https://api.github.com/users/smysnk","html_url":"https://github.com/smysnk","followers_url":"https://api.github.com/users/smysnk/followers","following_url":"https://api.github.com/users/smysnk/following{/other_user}","gists_url":"https://api.github.com/users/smysnk/gists{/gist_id}","starred_url":"https://api.github.com/users/smysnk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/smysnk/subscriptions","organizations_url":"https://api.github.com/users/smysnk/orgs","repos_url":"https://api.github.com/users/smysnk/repos","events_url":"https://api.github.com/users/smysnk/events{/privacy}","received_events_url":"https://api.github.com/users/smysnk/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-26T05:20:43Z","updated_at":"2016-03-26T06:03:48Z","closed_at":"2016-03-26T06:03:48Z","body":"JSX file extensions make syntax highlighting work in text editors such as sublime.  For your project I see you have all your react component files named as just \".js\".  \r\n\r\nI've tried changing:\r\n```webpack.config.dev.js```\r\n{\r\n        test: /\\.js$/,\r\n        loader: 'babel',\r\n        query: babelQuery,\r\n        include: clientInclude\r\n      }\r\n```\r\nto\r\n```\r\n{\r\n        test: /\\.jsx?$/,\r\n        loader: 'babel',\r\n        query: babelQuery,\r\n        include: clientInclude\r\n      }\r\n```\r\n\r\nThen tried changing Root.js to Root.jsx and am getting the error:\r\n```\r\nERROR in ./src/client/client.js\r\nModule not found: Error: Can't resolve './Root' in '/Users/josh/work/meatier/src/client'\r\n @ ./src/client/client.js 17:11-28\r\n```\r\n\r\nAny idea why this is not working? Is there a good reason why you have not named your react component files .jsx?\r\n\r\nedit: It appears, changing \r\n`const Root = require('./Root');` to `const Root = require('./Root.jsx');` has resolved this issue."},"comment":{"url":"https://api.github.com/repos/mattkrick/meatier/issues/comments/201713339","html_url":"https://github.com/mattkrick/meatier/issues/129#issuecomment-201713339","issue_url":"https://api.github.com/repos/mattkrick/meatier/issues/129","id":201713339,"user":{"login":"smysnk","id":1548173,"avatar_url":"https://avatars.githubusercontent.com/u/1548173?v=3","gravatar_id":"","url":"https://api.github.com/users/smysnk","html_url":"https://github.com/smysnk","followers_url":"https://api.github.com/users/smysnk/followers","following_url":"https://api.github.com/users/smysnk/following{/other_user}","gists_url":"https://api.github.com/users/smysnk/gists{/gist_id}","starred_url":"https://api.github.com/users/smysnk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/smysnk/subscriptions","organizations_url":"https://api.github.com/users/smysnk/orgs","repos_url":"https://api.github.com/users/smysnk/repos","events_url":"https://api.github.com/users/smysnk/events{/privacy}","received_events_url":"https://api.github.com/users/smysnk/received_events","type":"User","site_admin":false},"created_at":"2016-03-26T06:03:48Z","updated_at":"2016-03-26T06:03:48Z","body":"After a little epiphany, I realized it would make more sense to make sublime load .js as Babel files and not just .jsx.  No need to name files .jsx just for syntax highlighting purposes. "}}