react-native configuration flow example

Hello there:

I have been battling trying to find a solid react-native setup example, that I can quickly install but have not yet found the ideal solution yet.

For some setups I get:

• 'styles' was used before it was defined for others:
• JSX not allowed in files with extension '.js' and so on… and of course I read a few suggestions like: "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }],

But there is no turn key solution/tutorial for this please…

So the furthest cleanest setup I have seen so far but not complete is:

running in your terminal:

export PKG=eslint-config-airbnb;
npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest"

Then create a .eslintrc file and paste:

{
  "extends": "airbnb",
}

But now this alone is not sufficient for a react-native app… so please please please advise and update docs 😃

Thank you.

[julesmoretti]

Perfect! I updated the .eslintrc and added the no-console: 0

{
  "extends": "airbnb",
  "rules": {
    "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }],
    "no-console": 0,
  }
}

Thank you!

[ljharb]

if the component has lifecycle methods, the linter won’t require it be an SFC.