recent-data

Manage recently used data by storing recentTopics, recentResources, and recentPages in a shared session store. This caches the data so components can read it directly without repeated loading when users navigate between views.

Keeping recent items accessible requires using shared session store selectors. Selectors provide stable reads and consistent UI states across multi-component dashboard views, ensuring users can quickly revisit recent pages and resources.

This recent data access pattern requires a React-based UI environment. It also relies on a shared session store and TypeScript to enable type-safe access patterns, lazy loading, and optional auto-refresh capabilities.

Auto refresh for cached session data works using SWR. It automatically refreshes the recent topics, resources, and pages when the user focuses on the window, operating on a 5-minute interval to keep the cached data updated.

Yes, you can lazy load recent topics and resources after login detection. The session store only loads this data when the user is logged in, preventing unnecessary fetches and ensuring data caching happens only for authenticated sessions.