AtlasDemos
Platform

Integration evidence

OverviewAuthDataFormFlagsObservabilityA11y & ThemeConsent
Demo Mode

Data is mocked and in-memory only. Break it — nothing persists.

Problem
UI drifts from the API and every screen invents its own loading/error handling.
Under the hood
OpenAPI types, central API client, React Query hooks, and state primitives.
Go deeper
Contract → interface path →

Data Fetching Demo

Demonstrates React Query patterns with loading, empty, error, and success states.

Demo Controls
Switch modes to see different states. Uses query params for bookmarkable URLs.
Mode:
0 items • mode: success
Demo Items
Data fetched from /api/demo/items with mode-based behavior
Patterns Demonstrated

Query Key Factory

demoItemsKeys.list({ mode }) for consistent cache keys

Optimistic Updates

Toggle status updates UI immediately, rolls back on error

Cache Invalidation

Mutations invalidate list queries to refetch fresh data

App States Kit

SkeletonList, EmptyState, ErrorFallback from @atlas/ui