`.jsx` extension cannot be used with React Native

[jgkim]

Since .jsx extension cannot be used with React Native (Cf. facebook/react-native#5233), if someone wants to use this config with React Native, the rule react/jsx-filename-extension should be set to .js only instead of .jsx only.

[ryankask]

I've disabled this rule because as you said, it doesn't make sense in the context of an RN app.

It might help to add a note in the docs: https://github.com/airbnb/javascript/tree/master/react#naming

[ljharb]

A note would be great, thanks!

[borisyankov]

Apart from React Native, it is very common to use .js extensions for files that include JSX.
Having this as a default doesn't make sense.

[ljharb]

@borisyankov "what's common" isn't the primary motivator for this guide, it's "what we use at Airbnb". We believe that .js files should only ever contain actual, standard JavaScript, and JSX is decidedly not that.

[vzhen]

So how?
Anywhere to disable react native .js jsx error?

[ljharb]

"react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }]

[julesmoretti]

@ljharb - Thank you for this, but where should this be inputed? thank you

[ljharb]

@julesmoretti in your .eslintrc file, in the "rules" section. http://eslint.org has all the documentation for eslint.

[sotayamashita]

@julesmoretti

{
    "extends": "airbnb",

+    "rules": {
+      // `.jsx` extension cannot be used with React Native
+      // https://github.com/airbnb/javascript/issues/982
+      "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }]
+    }
}