Localization Test Page

Testing Category 1 (Static UI Labels) from the localization architecture

Language Selection

Current Language: en

Total Languages Available: 0

Status: Loading labels...

Loaded Labels

Loading labels...

Usage Example

// Get a label using the hook:

const { getLabel } = useLocalization();

getLabel('common.save') → "Save"

getLabel('habits.title') → "Habits"

🏗️ Architecture Notes

  • ETag Caching: Labels are cached with ETags. API returns 304 Not Modified when data hasn't changed.
  • IndexedDB Storage: Labels are stored locally in IndexedDB for instant loading.
  • Smart Loading: Cached labels load immediately, then update in background if changed.
  • Bandwidth Efficient: ~99.9% of requests return 304 Not Modified in production.