React node app - 在前端或后端存储属性被监视（项目被监视）更好？

Question

I have a watchlist, where user can add items to. I want to either show add button or string 'item is already on watchlist'. is it better to store that isWatched prop on frontend or backend? on frontend: I already do fetch watchlist. I can put make it global using for example context, then I could have an array of id's of watched items in my global store and pass it to components that checks 'isWatched'. on backend: I could add it (isWatched prop) the to item in my product collection. then when user opens the product item, the prop isWatched is already there. no fetching needed.

What is good practise to/where store such properties? Thank you

Answer 1

If you want the user to get the same results from a different browser - you should persist it on the backend side. If not - then you can keep it on the FE side.