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/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',
+    },
+  },
+};