Globalizing JS Applications

Slides for my lightning talk on i18n, l10n, and ICU message format. Accompanying resources can be found at https://github.com/jimf/i18n-talk.

Transcript

1. Globalizing JS Applications by Jim Fitzpatrick
2. Internationalization (i18n) Writing software to support the needs of those who speak different languages and have varying cultural expectations.
3. Localization (l10n) The actual adaptation to a specific language or culture.
4. Globalization The combination of i18n and l10n.
5. Locales: Language and Region cs-CZ en-US es-AR fr-FR
6. Locales: Language and Region cs-CZ en-US es-AR fr-FR
7. Locales: Language and Region cs-CZ en-US es-AR fr-FR Language
8. Locales: Language and Region cs-CZ en-US es-AR fr-FR Region Language
9. What is ICU?
10. What is ICU? • International Components for Unicode
11. What is ICU? • International Components for Unicode • Localization and internationalization library that has been ported to many languages
12. What is ICU? • International Components for Unicode • Localization and internationalization library that has been ported to many languages • Defines syntax for representing messages statically that can then have context applied
13. Examples: String literal Hello world
14. Examples: String interpolation Hello {name}
15. Examples: Number formatting I have {numCats, number} cats. Almost {pctBlack, number, percent} of them are black.
16. Examples: Date formatting Sale begins {start, date, medium} short long full
17. Examples: Time formatting Coupon expires at {expires, time, short} medium long full
18. Examples: Select {taxableArea select, yes {An additional {taxRate, number, percent} tax will be collected.} other {No taxes applied.} }
19. Examples: Plural You have {itemCount, plural =0 {no items} one {# item} other {# items} }.
20. Examples: Select ordinal It’s my cat’s {year, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } birthday!
21. Demo of Intl-Live ICU Message Format playground github.com/jimf/intl-live
22. Format.JS • Collection of JS libraries for i18n • Generic libs, as well as integrations for React, Ember, Handlebars, and Dust • Runs in the browser and Node.js • Built on the standards we’ve discussed