How to handle image Caching in react?

Question

I am working on gallery related web application in react.I am trying to implement image cache in my application.I used local storage to store base64 string against image url.But the local storage limit is 5mb, Whenever i reach limit i am deleting images using LRU cache mechanism.I wanted to know is there any better approach.

code:

window.localstorage.setItem(url,base64 image string)

Tam Nguyen · Accepted Answer · 2021-03-19 07:27:18Z

2

Why do you make life more complicated. By default the browser inspects the headers of the HTTP response generated by the web server. There are four headers commonly used for caching:

ETag
Cache-Control
Expires
Last-Modified

For more information about how it works please read https://medium.com/@codebyamir/a-web-developers-guide-to-browser-caching-cc41f3b73e7c

answered Mar 19, 2021 at 7:27

Tam Nguyen

1814 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to handle image Caching in react?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related