{"library":"react-image","type":"library","category":null,"description":"React Image is a library providing a robust `<img>` tag replacement and a `useImage` hook for React applications. It focuses on enhancing image loading by supporting multiple image sources for fallback, displaying custom preloader components while images are loading, and gracefully handling image loading errors. The current stable version is 4.1.0, but the package was last published over three years ago, suggesting a maintenance rather than active development cadence. A key differentiator is its internal `useImage` hook, which leverages React Suspense by default for declarative image loading states. It explicitly advises against using it for lazy loading, recommending native browser `loading=\"lazy\"` for that purpose. It allows developers to specify any React element as a loading indicator or an error fallback, providing a more polished user experience than default browser behaviors.","language":"javascript","status":"maintenance","version":"4.1.0","tags":["javascript","reactjs","img","image","loader","fallback","react image","react-image","react img multi","typescript"],"install":[{"cmd":"npm install react-image","imports":["import { Image } from 'react-image'","import { useImage } from 'react-image'","import type { ImageProps } from 'react-image'"]},{"cmd":"yarn add react-image","imports":[]},{"cmd":"pnpm add react-image","imports":[]}],"homepage":null,"github":"https://github.com/mbrevda/react-image","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-image","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-image/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}