react-uncached-image
TypeScript icon, indicating that this package has built-in type declarations

1.1.3 • Public • Published

🌅 React Uncached Image

React image component that bypasses caching using query param cache busting.

npm Version  View project on GitHub  Deploy Status  Sponsor

Documentation

Read the official documentation.

👁️ Live Demo

Overview

An UncachedImage adds a cache-busting query param to your image src to ensure the browser requests the image from the server on every render.

Features include:

  • 🐣 Fresh image every time
    • Ensure the image is fetched from the server on every render.
  • 🖼️ Renders as an img
    • Use all the props an img supports, like src and alt.
  • 🔤 Custom cache buster option
    • Provide your own cache buster if you'd like.

Donate

I hope this project makes your life a little easier! If it does and you'd like to show your appreciation, consider supporting the project with a coffee or sponsorship.

Your support helps keep the project going and will earn you some serious virtual high fives. Maybe even a virtual fist bump if you're feeling extra cool.

Sponsor via GitHub Buy me a coffee Buy me 3 coffees Buy me 5 coffees

Table of Contents

Installation

npm i react-uncached-image

Quick Start

import { UncachedImage } from "react-uncached-image";

Use just like you would a normal img tag in React:

<UncachedImage src="https://loremflickr.com/320/240" />

Now this image will be fetched from the server on every render.

See UncachedImage for more information and a live, interactive example.

TypeScript

Type definitions have been included for TypeScript support.

Icon Attribution

Favicon by Twemoji.

Contributing

Open source software is awesome and so are you. 😎

Feel free to submit a pull request for bugs or additions, and make sure to update tests as appropriate. If you find a mistake in the docs, send a PR! Even the smallest changes help.

For major changes, open an issue first to discuss what you'd like to change.

Found It Helpful? Star It!

If you found this project helpful, let the community know by giving it a star: 👉

License

See LICENSE.md.

Package Sidebar

Install

npm i react-uncached-image

Weekly Downloads

54

Version

1.1.3

License

MIT

Unpacked Size

77.3 kB

Total Files

23

Last publish

Collaborators

  • justinmahar