Compare front-end state management approaches

Compare Redux with more modern front-end state/data management approaches. For a React single-page app that consumes multiple APIs and must support offline viewing, pagination, optimistic updates, and error retries, propose an end-to-end strategy for managing local UI state and server cache. Discuss trade-offs among Redux/Redux Toolkit, React Query or SWR, Zustand or Recoil or MobX, and native Context, including: where to keep server state vs local state, caching and invalidation patterns, performance (render churn, selectors, memoization), error handling, testing and type safety, and an incremental migration plan from an existing Redux codebase.