One of the more challenging things in JS is managing state. Libraries like redux, react context, xstate, react-query, etc. help with this.

How do you manage state in your frontend application? And especially for web3 frontends what is a good way to implement caching and cache invalidation?

Highly recommend Tanstack Query for caching and invalidation!

I use it extensively in my Svelte applications in addition to Svelte’s built-in observable stores (which can be imported and shared across the entire app).

It’s also what wagmi for React uses under the hood.

/frontend dev・founder/decentralized data wrangler /blockhead・ritual.net・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx・x.com/darryl__yeo

Yeah I worked with this one it's pretty sweet. Though I found it somewhat hard to use this in a more global manner where there are dependencies between queries. But probably didn't try hard  enough 😉

Highly recommend Tanstack Query for caching and invalidation!

I use it extensively in my Svelte applications in addition to Svelte’s built-in observable stores (which can be imported and shared across the entire app).

It’s also what wagmi for React uses under the hood.

https://tanstack.com/query/latest