Loading locale data at runtime about i18next-icu HOT 13 CLOSED

Perfect. I'll reopen this if i need more help while using the above. Thanks!

from i18next-icu.

Nevermind, it works, fixed the fiddle. I think i'm good to go. Thanks for your help again.

from i18next-icu.

There are two options...you load that additional script before you call i18next.changeLanguage or you call and add it on the event: https://www.i18next.com/overview/api#onlanguagechanged

from i18next-icu.

Thanks for the answer @jamuhl . Just to make sure i understand, you would do a xhr call manuallyt on the file (which would be hosted with your application), and on the success of that call add it to the icu instance? Then the it would automatically be reflected in the i18next instance?

from i18next-icu.

Yes...it basically passes that to the IntlMessageFormat: https://github.com/i18next/i18next-icu/blob/master/src/index.js#L30

And on calling t it uses: https://github.com/i18next/i18next-icu/blob/master/src/index.js#L47 the language from i18next (also memoize works with different languages)

from i18next-icu.

Hello @jamuhl. I started my actual implementation today, and realized that if i load the a new locale-data using an XHR when the locale change, i will basically need to call eval on what i get since its a JS file (and not a json file). Maybe I'm missing something here, but i don't understand how i could load the locate-data dynamically when the user change the language.

Thanks for the help again!

from i18next-icu.

do not load the js file via xhr -> add a script element to the html to load it. Guess for inspiration you can use: https://www.npmjs.com/package/react-async-load-script

from i18next-icu.

Ok, but then how do i register them with my icu instance? Do those files exports some global that i can use in icu.addLocaleData?

from i18next-icu.

those are taken from reactIntl -> are on global.ReactIntlLocaleData[lng] i guess from looking the code

from i18next-icu.

Hmmm, that doesn't seem to work. See this fiddle: https://jsfiddle.net/j3o40765/

from i18next-icu.

Awesome...glad you figured out.

from i18next-icu.

Just found another option if you're using webpack https://github.com/locize/locize-react-intl-example/blob/master/src/locize/index.js#L39 (just change path accordingly)

from i18next-icu.

updated link to sample: https://github.com/locize/locize-react-intl-example/blob/master/src/locize/index.js#L53

from i18next-icu.