Reactアプリケーション向けi18nキー構造

React向けi18nキー構造

Reactアプリケーションは通常、国際化にreact-i18nextまたはnext-intlを使用します。両ライブラリともドット記法キーとネストされたJSON翻訳ファイルをサポートしていますが、キー整理のパターンは異なります。

react-i18nextキー構造

react-i18nextは別のJSONファイルにマッピングされる名前空間を使用します。

next-intlキー構造

next-intlは名前空間のようなトップレベルキーを持つロケールごとの単一メッセージオブジェクトを使用します。

TypeScript型安全性

両ライブラリとも型付きキーをサポートしています。react-i18nextでは、リソースタイプを宣言することで、すべての翻訳キーに対するオートコンプリートとコンパイル時チェックが得られます。

名前空間の遅延ロード

大規模アプリケーションでは、名前空間をオンデマンドでロードします。これにより、現在のページに必要な翻訳のみをロードし、初期バンドルサイズを削減します。