react-cool-img is a lightweight React
<Img /> component, which helps you handle image UX (user experience) and performance optimization as a professional guy 🤓
⚡️ Live demo: https://react-cool-img.org
- 🖼 Placeholders for satisfying various image loading states (e.g. loading image > actual image > error image).
- 🛋 Smart lazy loading with performant and efficient way, using IntersectionObserver.
- 🤖 Built-in auto-retry mechanism. User won't miss out your important information.
- 🚫 Abort any current image downloads on component unmount potentially saving bandwidth and browser resources.
- 📜 Support TypeScript type definition.
- 🦠 Tiny size (~ 2.4kB gzipped). No external dependencies, aside for the
- 🔧 Easy to use.
Try it now 👉 https://github.com/wellyshen/react-cool-starter