localization in react.js suggestions and example

Question

We're on the decision on where to go on localization in react.js, surely there are ways to doing localization, but what would be your recommendation?

I tried yahoo's react-intl but to no avail:

var ReactIntl = require('react-intl') // we did npm install react-intl
// somewhere in the react component
render: function() {
    return (<div><ReactIntl.Number>{600}</ReactIntl.Number></div>);
}

gives the error: Cannot read property '_mockedReactClassConstructor' of undefined

spent few hours try to resolve this error, still can't resolve -> give up

I tried l20n by mozilla but not sure if it'll work with react.js

wondering what would you suggest for react.js localization, thanks!

Answer 1

in response to my question. we decided not to use yahoo's react-intl but use i18next instead. Considering using something more stable and popular for our production is important.

what you can do is to initialize i18next at the root of your page, and pass that down through props. Do use a state to prevent page rendering before i18next is initialized.