Hacker News Reader

Comment by majestic5762 | Hacker News Reader

Whoever is a js/fe dev, used these already

Intl API is new to me!

BroadcastChannel was the only thing new to me. I only knew the LocalStorage based hack (listening to the storage event and exchanging messages via the LocalStorage).

Intl.Collator is a web UI superpower but apparently a well-kept secret: it gives you string sorting that takes into account local conventions for things like accented characters and even sorts strings containing numerical parts into natural rather than lexicographical order (that is, it correctly sorts “Item 1” before “Item 2” before “Item 10”).

Oh wow - lexicographical sorting built in to the browser!

This alone is worthy of its own post!

Intl.DateTimeFormat is also really nicely done, because it limits the developer to "skeletons": you say what fields you want / need, and the browser will render what it has with at least those. Meaning the OS / user can override your whims if that's better or more readable. There's also formatRange which can provide localised range notations.

Although later on formatToParts was added which allows the developer to ignore the settings and really only use the bits they wanted anyway.

The same options [1] are built into `String.prototype.localeCompare` (which is just a handy shortcut for calling `Collator` [2]). So for example:

``` ['B 1', 'A 20', 'A 3'].sort((a, b) => a.localeCompare(b, 'en', { numeric: true })) // ['A 3', 'A 20', 'B 1'] ```

[1] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

[2] https://tc39.es/ecma402/#sup-String.prototype.localeCompare

Reply on news.ycombinator.com