recent-data
Zarządzaj ostatnio otwartymi elementami bez dodatkowego kodu — przechowuj tematy, zasoby i strony w sesji
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Recent Data to umiejętność dla deweloperów pracujących z listami ostatnio dostępnych elementów w aplikacji. Przechowuje dane o ostatnio otwartych tematach, zasobach i stronach bezpośrednio w session store, eliminując potrzebę ręcznego zarządzania stanem. Idealny do implementacji historii przeglądania, list ostatnich elementów lub funkcji "Otwórz niedawno". Automatycznie inicjalizuje dane przy starcie aplikacji i udostępnia selektory do odczytu z magazynu sesji.
Jak używać
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.