Lost in Translation? Intl, the Rosetta Stone of Web Development
summary
State of JS 2022 shows roughly 32% used Intl, ~21% know it and ~31% never heard of it. The talk demos an app that supports English, Spanish and French and replaces messy custom code with one‑line calls like DateTimeFormat, NumberFormat and ListFormat. Examples include currency formatting that places symbols correctly, compact like “12.3M” for likes, relative times (“57 days ago”) and localized lists; it runs in modern browsers and the demo works without extra libraries.
AI-written summary · about
chapters (14)
- 0:00Welcome and introduction
- 1:10Rosetta Stone explained
- 2:13Internationalization basics
- 3:58What is the Intl object
- 5:45Number formatting with Intl
- 7:09Relative time and list formatting
- 9:18Plural rules across languages
- 11:25Demo setup and translations
- 13:31Date time formatting demo
- 14:58Pricing component demo
- 15:39Social media likes demo
- 16:23Relative time and list format demo
- 17:28Key takeaways and benefits
- 18:30Call to action
related talks
19mInternationalize your web apps
31mJavaScript Apps Go Intl
43mJavaScript apps go Int(ernationa)l
25mInternationalisation is a Piece of Cake
31mThink Globally, Act Locally on the Web
53mIntl is Your Superhero
24mINTL: The best browser API you’re not using
28mFormat data and strings in any language with FormatJS and react-intl