Hello. I have a widget + i18n question. Assuming an app allows setting the locale at startup, what's the recommended way to lazy-load NLS bundles without flashing text (default messages rendered before desired locale bundle loads)? I've modified the TodoMVC example to demonstrate this: https://jcfranco.github.io/examples/todo-mvc/?locale=es

---

@jcfranco If you are able to load the messages in advance, you can use the setLocaleMessages from @dojo/i18n/i18n module to preload locale-specific messages:

import { setLocaleMessages } from '@dojo/i18n/i18n';
import nlsBundle from './nls/main';
asyncLoadBundle().then(messages => {
  setLocaleMessages(nlsBundle, messages, locale);
});

That associates the bundle with the messages for the specified locale, with the result that it uses those messages instead of trying to load them with the function in the locales object map.

---

Belated thanks, @mwistrand.

If you are able to load the messages in advance

What if my app

• is dynamic? Making it hard to determine which bundles to preload before rendering.

• has more than one bundle (1 per widget)? preloading all bundles seems overkill.

Are there any patterns that would help with these scenarios?

---

@jcfranco At the moment, @dojo/widget-core blindly ignores anything that hasn’t been loaded yet and invalidates itself once the locale-specific messages have loaded.

However, we relatively recently updated how locale messages are loaded, so it’s now possible load them synchronously from within bundles themselves. Given that, off the top of my head I don’t see why we couldn’t check whether we receive promises or valid message objects back from the locale functions.

Would you mind opening an issue?