Add recommended config for eslint-plugin-react-hooks (#16872)

Now the extending `plugin:react-hooks/recommended` adds this plugin and
configures both of its rules.

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

@@ -34,6 +34,17 @@ Then add it to your ESLint configuration:
 }
 ```
 
+You can achieve the configuratin above by simply extending the recommended configuration:
+
+```js
+{
+  "extends": [
+    // ...
+    "plugin:react-hooks/recommended"
+  ]
+}
+```
+
 ## Valid and Invalid Examples
 
 Please refer to the [Rules of Hooks](https://reactjs.org/docs/hooks-rules.html) documentation and the [Hooks FAQ](https://reactjs.org/docs/hooks-faq.html#what-exactly-do-the-lint-rules-enforce) to learn more about this rule.

packages/eslint-plugin-react-hooks/__tests__/recommended-config-test.js

@@ -0,0 +1,23 @@
+'use strict';
+
+const CLIEngine = require('eslint').CLIEngine;
+// console.log(require.resolve('eslint-plugin-react-hooks'))
+
+describe('react-hooks', () => {
+  test('recommended config', () => {
+    const cli = new CLIEngine({
+      useEslintrc: false,
+      baseConfig: {
+        extends: [`plugin:react-hooks/recommended`],
+      }
+    });
+    const config = cli.getConfigForFile(__filename);
+    expect(config).toEqual(expect.objectContaining({
+      plugins: ['react-hooks'],
+      rules: {
+        'react-hooks/rules-of-hooks': ['error'],
+        'react-hooks/exhaustive-deps': ['warn'],
+      },
+    }));
+  });
+});

packages/eslint-plugin-react-hooks/src/index.js

@@ -14,3 +14,13 @@ export const rules = {
   'rules-of-hooks': RuleOfHooks,
   'exhaustive-deps': ExhaustiveDeps,
 };
+
+export const configs = {
+  recommended: {
+    plugins: ['react-hooks'],
+    rules: {
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+    },
+  },
+};