Comments (2)
Ok, let me try to address does one at a time:
- the low level API already exists, you can do
Intl.DateFormat()
, you can also useintl-messageformat
module to implement what in the future could beIntl.MessageFormat()
using ICU format. In general, those low level APIs are ok, but, there are few implications that a higher level API will help to address, which is whatreact-intl
,handlebars-helper-intl
anddust-helper-intl
are trying to do. If you look atsrc/component.js
, you will see that it uses the low level APIs under the hood. - react components will require ICU messages to be available to format them using the props, but those messages are bound to a locale, and same for formatters. the best way we have found to accommodate this is by sharing messages and formatters between react components as part of the composition process, that's what this mixin does it. You call for render on the top level component, you pass all messages, formatters, the the locale, and it makes those available for every child component, so you don't have to propagate the messages thru props.
- it does depends on react context to propagate messages, formatters and locales so child components can use them.
- formatting a date, a number, or a message is an expensive operation (even when using the native implementation in chrome, firefox, or any other browser that supports ECMA402), this abstraction adds a level of caching that improves the formatting process drastically (we are talking order of magnitud faster).
I understand that having standalone libraries and global structures for messages, locales and formatters could work just fine, but complex apps with tons of components and translation per component by professional translators will require some sort of coupling between components and the messages, including some sort of validation processes, and that's what this mixin is doing. If a component brings the mixin into the definition, it means it will require some machinery under the hood to guarantee that messages, formatters and locales are in place to facilitate the rendering of those messages.
from formatjs.
Alright!
from formatjs.
Related Issues (20)
- @formatjs/intl-numberformat @ 8.9.0 -> 8.10.0 breaks Chrome 104 HOT 1
- cli-lib: onMsgExtracted never gets called HOT 1
- Update translation of 'last year' for Swedish locale HOT 1
- @formatjs/cli-lib is not an ESM module HOT 1
- formatMessage with ICU behave different then formatNumber HOT 2
- [@formatjs/intl Error MISSING_DATA] should be a warning not an error HOT 3
- [@formatjs/intl-durationformat] package.json deprecation warning HOT 2
- @formatjs/intl-messageformat, 10.5.0: Plural rules aren't applied correctly HOT 2
- @formatjs/intl-numberformat/polyfill: roundingIncrement seems to be a no-op HOT 3
- [docs] Rich Text Formatting example doesn't work HOT 2
- Polyfill.io has been sold to a weird Chinese company and should no longer be recommended HOT 1
- chore: update tzdata to 2024a
- INVALID_TAG when parsing regular HTML tag with attribute HOT 1
- Can't catch error HOT 1
- Feature request: allow units greater than `day` in `FormattedRelativeTime` with `updateIntervalInSeconds` to be picked HOT 2
- It's incredibly slow on lower end Android devices HOT 2
- Intl.Segmenter: isWordLike does not match Node.js and browsers HOT 5
- @formatjs/intl-locale/polyfill-force TypeError: Error uninitialized locale at Locale2.getWeekInfo HOT 4
- .formatMessage is not working when provided messages has object with `type: 1` HOT 8
- Extract does not work on vue template since vue 3.4.0 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from formatjs.