is-react-prop

Check if property is react property

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
is-react-prop
401.0.05 years ago6 years agoMinified + gzip package size for is-react-prop in KB

Readme

Is React Prop?
Travis branch npm version

Usage

Recommended way

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

isReactProp

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

How it works?

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.