HiveReactKit
Internationalization (i18n): Provider-Based Translation System
- feat(i18n): provider-based translation for Hive content.
- Introduced
HiveLanguageProvider:
- Supports pluggable translation backends
- Default integration with MyMemory translation service
- Added new hooks:
useTranslatedHtml for rich contentuseTranslatedText for plain text
- Introduced reusable components:
<TranslatedBody> for posts and comments<TranslatedText> for UI and inline text
- Enabled translation across:
- Posts
- Comments
- Polls
- Profile content
- Performance optimizations:
- Implemented caching for translated content
- Deduplication of translation requests
- Safe HTML translation handling
- Exported:
- All i18n utilities for external integration
- Documentation:
- Updated for all new components and usage patterns
Translated Post Example
Translation Applied in Comments
hreplier-react
Application Integration: Language Settings and Content Translation
- feat(i18n): integrate HiveReactKit translation with app language.
- Added Language Settings:
- Supports English and Spanish selection
- Integrated translated UI:
- User Profile page
- Post Detail page
- Wrapped application with
HiveLanguageProvider:
- Connected to existing i18n state
- Synced translation system:
- Content translation matches selected UI language
- Reused MyMemory backend:
- Shared caching for efficient translation performance
Spanish UI in Profile Detail
Spanish UI in Post Detail
Powering the Hive Ecosystem
- Continuously improving Hive applications with a focus on stability, performance, and scalability
- Contributing to open-source development and building reusable solutions for the community
- Working towards a stronger, more accessible, and feature-rich Hive ecosystem
Final Note
- This post has been refined with the help of AI to improve readability and structure
- The original content and optimised version are both available for reference
More Links
▶️ 3Speak
