feat: implement comprehensive caching strategy with TanStack Query (Issue #16
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ssue #8) - Add @tanstack/vue-query dependency for advanced caching - Implement QueryClient with optimized cache defaults (stale-while-revalidate) - Create query composables for all modules (tags, appointments, groups, logs, users) - Migrate all Card and Admin components to use TanStack Query - Add bulk cache strategy for logger data with 5000 entry limit - Implement client-side pagination for instant performance - Add cache debug components for development monitoring - Fix LoggerSummaryAdminBulk table structure to match original - Maintain exact UI/UX while improving performance significantly - Add proper error handling and retry mechanisms - Include background refetching and request deduplication Co-authored-by: Ona <no-reply@ona.com>
- Remove development-only cache debug components (CacheTest, CacheDebug, CACHE_TESTING.md) - Clean up imports and references from App.vue - Restore original Details button styling in LoggerSummaryAdminBulk to match LoggerSummaryAdmin - Ensure consistent UI/UX across both logger admin components - Production-ready codebase without debug artifacts Co-authored-by: Ona <no-reply@ona.com>
- Fix toast to show during data loading instead of after completion - Update toast message to explain wait time: '🔄 Logger-Daten werden aktualisiert...' - Remove confusing cache reference from component description - Standardize Details buttons to match other admin tables (blue outline styling) - Add ct-btn-primary-outline class for consistent blue button appearance - Ensure Details buttons look identical to 'Öffnen' buttons in other components Co-authored-by: Ona <no-reply@ona.com>
…eload cache - Install TanStack Query persist dependencies for cache persistence - Configure sessionStorage persister to survive page reloads for 20 seconds - Set global staleTime to 20 seconds for optimal reload behavior - Update logger composables (useLoggerBulkCache, useLoggerSummaryQuery) to use 20s staleTime - Add visible pagination controls for LoggerSummaryAdminBulk component - Fix missing pagination by moving controls outside AdminTable (no #pagination slot support) - Cache now persists through page reload within 20 seconds, then refreshes automatically - SessionStorage prevents conflicts with ChurchTools localStorage usage Co-authored-by: Ona <no-reply@ona.com>
- Add comprehensive development session documentation for 2025-09-26 - Document 5-hour TanStack Query implementation with timeline and decisions - Extract 6 key lessons learned to permanent knowledge base - Cover cache strategy, sessionStorage persistence, and UX improvements Co-authored-by: Ona <no-reply@ona.com>
bwl21
changed the title
- Fix markdown formatting for better readability - Add consistent spacing around section headers - Standardize list formatting throughout document - Remove trailing whitespace Co-authored-by: Ona <no-reply@ona.com>
bwl21
added a commit
that referenced
this pull request
Sep 27, 2025
feat: implement comprehensive caching strategy with TanStack Query (Issue
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Finalizes documentation for the comprehensive TanStack Query cache implementation completed on 2025-09-26.
Changes
Documentation Structure
Impact
This documentation preserves the knowledge and decisions from implementing a professional-grade caching strategy, ensuring future developers can understand the rationale and apply similar patterns.
Closes documentation requirements for the TanStack Query cache implementation work.