react-cool-img
react-cool-img is a lightweight React component designed to enhance image user experience and performance within React applications. Serving as a professional replacement for the standard HTML img tag, it operates seamlessly with React Hooks and requires React version 16.8 or higher. The package is dependency-free aside from react and react-dom, maintaining a tiny footprint of approximately 2kB when gzipped. Key features include comprehensive placeholder support for various loading states such as loading, success, and error, ensuring a smooth visual transition. It implements smart lazy loading using the Intersection Observer API to load images efficiently as they enter the viewport, reducing initial page load times and bandwidth usage. The component includes a built-in automatic retry mechanism to handle failed image downloads gracefully. It also supports server-side rendering and scenarios where JavaScript is disabled, making it fully SEO-friendly. Additionally, it automatically aborts pending image download