Movatterモバイル変換


[0]ホーム

URL:


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

1.1.9 • Public • Published

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

npm Version View project on GitHub Deploy Status

Buy me a coffee Sponsor

Documentation

Read theofficial documentation.

👁️Live Demo

Overview

AnUncachedImage adds a cache-busting query param to your imagesrc 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 animg
    • Use all the props animg supports, likesrc andalt.
  • 🔤 Custom cache buster option
    • Provide your own cache buster if you'd like.

Donate

If this project helped save you time, please consider buying me a coffee, which powers my development (and life). Your support is much appreciated!

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 normalimg tag in React:

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

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

SeeUncachedImage for more information and alive, interactive example.

TypeScript

Type definitions have been included forTypeScript support.

Icon Attribution

Favicon byTwemoji.

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 astar:👉⭐

Want to support the project? Feel free to grab me a coffee, which is my main source of fuel for development:

Buy me a coffee Buy me 3 coffees Buy me 5 coffees

License

SeeLICENSE.md.

Package Sidebar

Install

npm i react-uncached-image

Weekly Downloads

43

Version

1.1.9

License

MIT

Unpacked Size

17.6 kB

Total Files

9

Last publish

Collaborators

  • justinmahar

[8]ページ先頭

©2009-2025 Movatter.jp