I18n在非常大规模的ReactJs应用程序中

Question

您是否有在大型反应应用中实施内部化/本地化的经验？

我们正在谈论成千上万的字符串和大约20种语言 在浏览器中加载它并不是一个好主意:)所以应该在服务器端完成。但我不确定即使发送一种语言的整个文件（例如en_US的所有翻译）也是一个好主意。

是否可以选择从这样的

翻译json获取服务器端nestedStrings

{
  topLevel : "a",
  topLevel2 : "b",
    nestedProperty : {
        someting : "C"
    }

或者我应该编写自定义解决方案吗？

Answer 1

你可以使用评论中提到的react-i18next（https://github.com/i18next/react-i18next），加上：

• 你可以拆分每个模块的翻译，比如进行代码拆分（所有这些都已经完成 - 没有额外的工作）
• i18next也可以在大多数服务器环境中运行，如果你也需要：https://www.i18next.com/supported-frameworks.html（并非所有可以/应该在客户端完成）
• 奖励：在这种规模上，您需要一个能够跟上您的开发的翻译管理工具 - ＆gt; https://locize.com来自同一个团队并实现了令人惊叹的工作流程 - ＆gt;查看自动向您的翻译项目添加内容的示例，无文字编辑，... https://github.com/i18next/react-i18next/tree/master/example/locize-example（自述文件中的视频链接）