{"library":"react-property","title":"React DOM Property Configuration","description":"react-property is a utility package that exposes the internal HTML and SVG DOM property configurations used by React. It provides programmatic access to React's understanding of DOM properties, including their type (e.g., boolean, numeric, string), and a mapping of non-standard attribute names to their standard counterparts (e.g., `accept-charset` to `acceptCharset`). The package is currently stable at version 2.0.2 and appears to have an infrequent release cadence, primarily updating to align with significant changes in React's DOM handling, as seen with its v2.0.0 release. Its key differentiator is providing a direct mirror of React's internal DOM property logic, which can be useful for tools, linting, or custom renderers that need to replicate React's attribute normalization and property handling without relying on the full React DOM package.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install react-property"],"cli":null},"imports":["import reactProperty from 'react-property';","import reactProperty from 'react-property';\nconst { getPropertyInfo } = reactProperty;","import reactProperty from 'react-property';\nconst { possibleStandardNames } = reactProperty;"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import reactProperty from 'react-property';\n\n// Get information about a specific HTML property\nconst acceptCharsetInfo = reactProperty.getPropertyInfo('acceptCharset');\nconsole.log('acceptCharset info:', acceptCharsetInfo); // Example: { type: 1, 'alias for': 'accept-charset' }\n\n// Check if an attribute is a custom attribute\nconst isDataAttr = reactProperty.isCustomAttribute('data-my-custom-attr');\nconsole.log('Is data-my-custom-attr custom?', isDataAttr); // true\n\n// Get standard name for a non-standard attribute\nconst standardName = reactProperty.possibleStandardNames['accept-charset'];\nconsole.log('Standard name for accept-charset:', standardName); // acceptCharset\n\n// Access property types constants\nconsole.log('BOOLEAN property type:', reactProperty.BOOLEAN);\nconsole.log('STRING property type:', reactProperty.STRING);\n","lang":"typescript","description":"Demonstrates importing the default export and using its `getPropertyInfo`, `isCustomAttribute`, and `possibleStandardNames` utilities, along with accessing its property type constants.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}