This way checkAttr
has no overhead for initialalization and no lists of dom-elements
.
It's also more accurate, because it detects available property for the element.
import checkAttr from 'is-react-prop/checkAttr'
console.log(checkAttr('div', 'data-name')) // true
console.log(checkAttr('button', 'onClick')) // true
console.log(checkAttr('div', 'target')) // false
console.log(checkAttr(document.createElement('input'), 'onChange')) // true
But you can also use isReactProp
like this:
import isReactProp from 'is-react-prop'
console.log(isReactProp('data-name')) // true
console.log(isReactProp('onClick')) // true
console.log(isReactProp('unknownProp')) // false
is-react-prop
detects available property in runtime on the client, and it has minimum usage of whitelists. That's why this package is very lightweight and accurate.
So it uses whitelists on the server side just for SSR.