I18n support for module app about frontend-modulefederation HOT 4 OPEN

React package react-i18next is used for language support
ref- https://react.i18next.com/latest/using-with-hooks
--- proposal ---
Loading translation files
manifest file contains translations file paths for each supported language
"languages": [ { "title": "English", "path": "./language.en-gb.json", "overridePath": "./language-override.en-gb.json", "code": "en" }, { "title": "Hindi", "path": "./language.hi-in.json", "overridePath": "./language-override.hi-in.json", "code": "hi" } ],

• App bootstrap code loads manifest of owned module and loads resources specified in above language section of manifest file.
• App bootstrap also loaded modules files (which is list of remote modules used by the module or host app module). this module file provides base url for the remote module. use base url to load manifest file for remote module. read the language resources for each remote module and add to the language resources
• init the i18n module with resources collected above.

** Resolving conflicting keys **
We need some convention of prefix for each module for keys.
How to avoid repeating keys in every usage of keys

Detecting language
Implement LanguageDetector from 'i18next-browser-languagedetector'

Using translation in component
use hook/HOC for using translate function of i18n

from frontend-modulefederation.

@arajput for temporary base this is solved

from frontend-modulefederation.

We need to find solution for below problems.
module has its own translation file. how do we share that file with other module which is dependent on the module?

Reference
https://github.com/shiksha-platform/shiksha-platform.github.io/blob/main/docs/Developer/Frontend/06-i18n.md

from frontend-modulefederation.

@ChakshuGautam / @Shruti3004 @sagarkoshti1990 -
i am able to solve the i18n translation file sharing from module using ChangedBackend plugin.
Refer commit -arajput@8fb81a2

from frontend-modulefederation.