El cliente nos pide traducir 50 idiomas. Antes solo teníamos español e inglés, así que son solo dos archivos, pero ahora habrá 50 archivos. Cada uno tiene 2000 líneas de traducción.
Así que creo que tenemos 2 opciones:
Mantenemos todos los archivos localmente, pero los carga para cada carga del sitio, lo que no es eficiente.
Los movemos al backend, pero ahora dependo del backend al equipo para agregar nuevos textos para funciones/al cambiar la copia.
¿Alguien ha tenido este problema? ¿Cómo puedo resolverlo?
La situación ideal sería que React solo cargue el idioma que usará, ya que vuelvo a cargar la página en el cambio de idioma de todos modos.
Definitivamente no cargue todos los archivos de idioma. I18next maneja esto muy bien y solo debe cargar el idioma principal y el idioma alternativo. https://react.i18next.com/latest/i18next-instance