Format data and strings in any language with FormatJS and react-intl
summary
FormatJS plus react-intl provides concrete formatting: 7KB gzipped library with react-intl components (FormattedNumber, FormattedDate, FormattedRelative, FormattedMessage), ICU message syntax for pluralization and interpolation, and per‑locale CLDR data packs (~300–500 bytes each) to support 150 languages. It delegates to Intl when available, ships an intl.js polyfill, offers a context mixin to avoid prop threading, and is production‑used at Yahoo while pushing message/relative formatting toward the ECMAScript standard.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 0:48What is internationalization
- 1:55What is localization
- 4:05Native speakers vs Internet users
- 5:10Flickr example
- 6:08Facebook example
- 7:08JavaScript internationalization
- 8:35JavaScript support
- 11:34React components
- 12:15Relative times
- 13:05String messages
- 14:28Pluralization
- 18:12Reactintl details
- 19:12FormatJS
- 20:12Architecture
- 23:46Website
related talks
19mInternationalize your web apps
26mThe State of the Art in Localization
43mJavaScript apps go Int(ernationa)l
35mThe Road to Intl.MessageFormat
31mJavaScript Apps Go Intl
19mLost in Translation? Intl, the Rosetta Stone of Web Development
24mINTL: The best browser API you’re not using
53mIntl is Your Superhero