made with react.js

React Image

Tag Replacement & Hook

Visit Site

Description

<img> Tag Replacement & Hook

"React Image is an <img> tag replacement and hook for React.js, supporting fallback to alternate sources when loading an image fails.

React Image allows one or more images to be used as fallback images in the event that the browser couldn't load the previous image. When using the component, you can specify any React element to be used before an image is loaded (i.e. a spinner) or in the event that the specified image(s) could not be loaded. When using the hook this can be achieved by wrapping the component with <Suspense> and specifying the fallback prop.

React Image uses the useImage hook internally which encapsulates all the image loading logic. This hook works with React Suspense by default and will suspend painting until the image is downloaded and decoded by the browser."


Social Media Links

React Time-Ago A simple time-ago component for React.js
icon-eye-dark Created with Sketch. 1.526
Stream Chat React Chat API & SDKs for Custom Chat Apps
icon-eye-dark Created with Sketch. 498
Sentry for React React Error Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
React ApexCharts React.js component for ApexCharts – Interactive and Modern SVG Charts
icon-eye-dark Created with Sketch. 1.464
React Table Hooks for Datagrids
icon-eye-dark Created with Sketch. 44
COMMUNITY SPONSORS