Updating commented eslint flags, updating readme with more detailed instructions for flat config files

Author: MCanhisares

packages/eslint-config-react-native/README.md

@@ -2,6 +2,9 @@
 
 [![Version][version-badge]][package]
 
+## About
+This plugin exports a recommended eslint config for React Native projects 
+
 ## Installation
 
 ```
@@ -12,13 +15,40 @@ yarn add --dev eslint prettier @react-native/eslint-config
 
 ## Usage
 
-Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json`):
+From [`v8.23.0`](https://github.com/eslint/eslint/releases/tag/v8.23.0) onwards, you can use `eslint.config.js` which uses the new [flat config file format](https://eslint.org/docs/latest/user-guide/configuring/configuration-files-new).
+
+```javascript
+const reactNativeConfig = require('@react-native/eslint-config');  
+const myplugin = require('my-plugin');
+
+module.exports = [
+  ...reactNativeConfig,
+  {
+    plugins: {
+       myplugin    
+    },
+    ...
+  },
+];
+```
+
+If you're still using a version of eslint < `v8.23.0` or still using the old configuration files, place the following on your eslint config file (`.eslintrc`, or `eslintConfig` field in `package.json`):
 
 ```json
 {
     "extends": "@react-native"
 }
 ```
 
+## Plugin supported Eslint versions
+
+| Eslint version       | `.eslintrc` support | `eslint.config.js` support |
+| :------------------- | :-----------------: | :------------------------: |
+| `>= 9.0.0`           | ❌                  | ❌                         |
+| `>= 8.23.0 < 9.0.0`  | ✅                  | ✅                         |
+| `< 8.23.0`           | ✅                  | ❌                         |
+
+
+
 [version-badge]: https://img.shields.io/npm/v/@react-native/eslint-config.svg?style=flat-square
 [package]: https://www.npmjs.com/package/@react-native/eslint-config

packages/eslint-config-react-native/index.js

@@ -13,11 +13,11 @@ const reactHooks = require('eslint-plugin-react-hooks');
 const reactNative = require('eslint-plugin-react-native');
 const reactNativeCommunity = require('@react-native/eslint-plugin');
 const jest = require('eslint-plugin-jest');
-const ftFlow = require('eslint-plugin-ft-flow');
 const babelParser = require('@babel/eslint-parser');
 const prettier = require('eslint-config-prettier');
 const typescriptParser = require('@typescript-eslint/parser');
 const typescriptPlugin = require('@typescript-eslint/eslint-plugin');
+const ftFlow = require('eslint-plugin-ft-flow');
 
 module.exports = [
   prettier,
@@ -91,7 +91,7 @@ module.exports = [
         ecmaFeatures: {
           jsx: true,
         },
-      },      
+      },
       globals: {
         __DEV__: true,
         __dirname: false,
@@ -336,7 +336,7 @@ module.exports = [
       // React-Native Plugin
       // The following rules are made available via `eslint-plugin-react-native`
 
-      // 'react-native/no-inline-styles': 1,
+      'react-native/no-inline-styles': 1,
 
       // Jest Plugin
       // The following rules are made available via `eslint-plugin-jest`.

packages/eslint-plugin-react-native/README.md

@@ -12,7 +12,22 @@ yarn add --dev eslint @react-native/eslint-plugin
 
 ## Usage
 
-Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json`):
+From [`v8.23.0`](https://github.com/eslint/eslint/releases/tag/v8.23.0) onwards, you can use `eslint.config.js` which uses the new [flat config file format](https://eslint.org/docs/latest/user-guide/configuring/configuration-files-new).
+
+```javascript
+const reactNative = require('@react-native/eslint-plugin');  
+
+module.exports = [  
+  {
+    plugins: {
+       reactNative 
+    },
+    ...
+  },
+];
+```
+
+If you're still using a version of eslint < `v8.23.0` or still using the old configuration files, place the following on your eslint config file (`.eslintrc`, or `eslintConfig` field in `package.json`):
 
 ```json
 {