{"library":"react-sizeme","type":"library","category":null,"description":"react-sizeme is a React library that enables components to be aware of their own rendered width and/or height, facilitating component-level responsive design. The current stable version is 3.0.2, actively maintained with recent updates including React 18 support. It differentiates itself by offering both render prop (`SizeMe`) and Higher-Order Component (`withSize`) patterns, ensuring flexibility for various component structures. It boasts performance, extensive browser support, a tiny bundle size, and compatibility with both functional and class components. The library provides configurable options for monitoring dimensions, refresh rates, and refresh modes (throttle/debounce) to optimize performance.","language":"javascript","status":"active","version":"3.0.2","tags":["javascript","library","typescript"],"install":[{"cmd":"npm install react-sizeme","imports":["import { SizeMe } from 'react-sizeme';","import { withSize } from 'react-sizeme';","import type { SizeMeOptions } from 'react-sizeme';"]},{"cmd":"yarn add react-sizeme","imports":[]},{"cmd":"pnpm add react-sizeme","imports":[]}],"homepage":null,"github":"https://github.com/ctrlplusb/react-sizeme","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-sizeme","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-sizeme/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Mon Jul 20","install_tag":null}}