Frontend State Management
As a frontent developer,
I need to manage state and persistence on several levels:
- Static: CMS schema, queries, data, static assets, hardcoded consts, and any derived values
- SSR: URL Path (slug, locale override)
- SSG: Search results (or progress)
- URL-encoded client state: Query (?Search&terms), Fragment (:target#element)
- Client Browser state: Default Locale, Preferences (reduced-motion, night mode, high contrast), Viewport (scroll, zoom, base font-size, dimensions, pointer positions focus...), Browsing history
- Volatile Ui state: Popovers, <input> control values, selections, unconfirmed or pending state transitions on higher layers
I want to collect useful patterns to manage these declaratively and maintainably.