1. react-intl-universal@2.14: Support Rich React Components with intl.get
Upgrade to react-intl-universal@2.14+ to use intl.get(...) as the recommended unified API for plain text, ICU variables, and rich React components.
See the live demo for runnable examples. You can keep one complete sentence in the locale message, while React code controls the actual component, props, and event handlers:
2. Let AI Agents Ship Better Internationalized UI
Use the use-react-intl-universal skill to give AI coding agents a practical i18n workflow, not just API hints.
It helps agents:
- write high-quality localized copy that preserves the real product meaning, not word-for-word translations;
- keep product terms and UI wording consistent across modules;
- avoid broken localized UI, such as text truncation, overflow, overlap, or misalignment;
- keep ICU variables, rich tags, default messages, and locale files aligned;
- review translation quality with Multidimensional Quality Metrics (MQM), one of the most professional and comprehensive translation quality assessment frameworks widely recognized in the localization industry;
- inspect running localized pages by URL, click through interactions, capture screenshots, and generate a process-and-findings report;
- produce smaller, more reviewable locale changes.