Software Development

React Fetch Cache Patterns

React data-fetching patterns at scale — recommender carousels, infinite feeds, pages with many parallel fetches, dashboards. Covers request orchestration (parallelism, batching, deduplication), cache strategy (keys, normalization, staleTime, SWR), backend protection (concurrency caps, debounce/throttle, jittered retries, circuit breakers), prefetching (route loaders, hover/intent, idle, server hydration), failure resilience (AbortController, timeouts, error boundaries, stale fallback, idempotent mutations), and feed/carousel patterns (virtualization, cursor pagination, summary/detail split). Includes 5 ready-to-use scaffolding templates (resource query hook, carousel data loader, infinite feed, hover-prefetch link, request collapser). Trigger when building, reviewing, or refactoring React components that fetch data — even if the user doesn't explicitly mention "performance" or "scale".

Publisher / source
pproenca/dot-skills (found on skills.sh)
Upstream record
pproenca/dot-skills
Version
Version 2
Published
Publication review
Approved for publication
Content fingerprint
b0c47da8b12c6ad8fe374b6aaf98444315108f7e337337bcb87dbc6efcde11ac