recent-data
Guide for using Recent Data (topics, resources, pages). Use when working with recently accessed items, implementing recent lists, or accessing session store recent data. Triggers on recent data usage or implementation tasks.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Guide for using Recent Data (topics, resources, pages). Use when working with recently accessed items, implementing recent lists, or accessing session store recent data. Triggers on recent data usage or implementation tasks.
How to use
Zaimportuj hooki inicjalizacyjne w komponencie najwyższego poziomu aplikacji (np. RecentHydration.tsx): useInitRecentTopic, useInitRecentResource i useInitRecentPage z katalogu hooks. Wywołaj wszystkie trzy hooki w komponencie App, aby przygotować session store przed renderowaniem reszty aplikacji.
Wybierz metodę dostępu do danych. Jeśli potrzebujesz ostatnich elementów w wielu komponentach, użyj useSessionStore z recentSelectors — to podejście zalecane. Jeśli dane potrzebne są tylko w jednym komponencie, możesz bezpośrednio zwrócić wynik z hooka inicjalizacyjnego (data i isLoading).
Aby odczytać ostatnie tematy, zaimportuj useSessionStore i recentSelectors z magazynu sesji. Pobierz tablicę recentTopics za pomocą recentSelectors.recentTopics oraz status inicjalizacji za pomocą recentSelectors.isRecentTopicsInit.
Sprawdź status inicjalizacji przed renderowaniem listy — jeśli isInit jest false, wyświetl stan ładowania. Po zakończeniu inicjalizacji mapuj tablicę recentTopics i renderuj każdy element na podstawie jego właściwości (id, title, agent).
Analogicznie użyj recentSelectors dla recentResources i recentPages, jeśli aplikacja wymaga śledzenia ostatnio otwartych zasobów lub stron. Każdy typ ma własne selektory i hooki inicjalizacyjne.