Name: react-intl
Owner: GeoSolutions
Description: React Components for internationalization.
Created: 2015-12-22 16:59:38.0
Updated: 2015-12-22 16:59:39.0
Pushed: 2015-12-22 17:20:33.0
Homepage: http://formatjs.io/react/
Size: 1655
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Internationalize React apps declaratively. This library provides React components and an API to format dates, numbers, and string messages, including pluralization.
An overview and discussion of React Intl v2 can be found in #162
React Intl is part of FormatJS, the v1 docs can be found on the website:
There are many examples on the website, but here's a hello world one:
rt React, {Component} from 'react';
rt ReactDOM from 'react-dom';
rt {IntlProvider, FormattedNumber, FormattedPlural} from 'react-intl';
s App extends Component {
constructor(props) {
super(props);
this.state = {
name : 'Eric',
unreadCount: 1000,
};
}
render() {
const {name, unreadCount} = this.state;
return (
<p>
Hello <b>{name}</b>, you have {' '}
<FormattedNumber value={unreadCount} /> {' '}
<FormattedPlural value={unreadCount}
one="message"
other="messages"
/>.
</p>
);
}
tDOM.render(
<IntlProvider locale="en">
<App />
</IntlProvider>,
document.getElementById('container')
This example would render: “Hello Eric, you have 1,000 messages.” into the container element on the page.
CLDR pluralization rules: In some languages you have more then one
and other
. For example in ru
there are the following plural rules: one
, few
, many
and other
.
Check out the official CLDR documentation from unicode.org http://www.unicode.org/cldr/charts/27/supplemental/language_plural_rules.html for all languages.
Note: You could also write =0 { No comments yet }
Let's make React Intl and FormatJS better! If you're interested in helping, all contributions are welcome and appreciated. React Intl is just one of many packages that make up the FormatJS suite of packages, and you can contribute to any/all of them, including the Format JS website itself.
Check out the Contributing document for the details. Thanks!
This software is free to use under the Yahoo Inc. BSD license. See the LICENSE file for license text and copyright information.