persist data across reloads | R3F

[tidal basin]

I have a button which adds objects to the scene, the positions could be changed by user. I'd like to persist the data I,e positions and how many objects are there until the browser window closes. Any suggestions on how can I achieve this?

[hexed ermine]

Sounds like a job for useState

[tidal basin]

Nope

State loses when page reloads

It's either cookies, sessionStorage or localStorage

[hexed ermine]

Yeah, I didn't catch that you really want it to persist on refresh/reload. I suppose sessionStorage or localStorage, depending on how you want the expiration to work.

[olive ridge]

If you happen to be using React, there are any number of hooks and state libraries for doing this in React-friendly ways.

if not, yeah, localStorage or sessionStorage, see https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage for the difference.

[tidal basin]

Could you please give me some examples??

[tidal basin]

Which hooks and libs could be useful in this situation

[olive ridge]

I think Zustand would be one of the simpler ways to do this in React:
https://github.com/pmndrs/zustand?tab=readme-ov-file#persist-middleware