Eslint-plugin-react: Rule proposal: disallow onFocusIn and onFocusOut on DOM element tags

[lencioni]

React will issue a warning in dev if you use onFocusIn or onFocusOut.

https://github.com/facebook/react/blob/85dcbf83/src/renderers/dom/shared/ReactDOMComponent.js#L196-L200

This should be easy enough to enforce for most cases with a linter rule.

Bad:

<div onFocusIn={() => {}} />

<div onFocusOut={() => {}} />

Good:

<div onFocus={() => {}} />

<div onBlur={() => {}} />

[lencioni]

Name: dom-elements-no-on-focus-in-or-out?