iam-peekay / inbox-react-intl Goto Github PK

Try https://github.com/alibaba/react-intl-universal which is developed by Alibaba Group. yahoo/react-intl can only be applied in view layer such as React.Component. For Vanilla JS file, there’s no way to internationalize it. For example, the following snippet is general form validator used by many React.Component in our apps.

export default const rules = {
  noSpace(value) {
    if (value.includes(' ')) {
      return 'Space is not allowed.';
    }
  }
};

alibaba/react-intl-universal is simple but powerful. It doesn’t change behavior of components. And can used in JSX and normal JS file.

Hi -

Thanks for the great post, it was really clear and helpful. Once thing I don't get though: what would a translated file like? And in the context of this project, where would that file live?

Thanks!

Thanks for providing this sample repo.

When I try to run it, however, I only get this error message:

[BABEL] /Users/waldgeist/Documents/Development/htdocs/tests/inbox-react-intl/src/js/components/Header/SubHeader.js: [React Intl] Line 31: Default messages are not extracted from <FormattedPlural>, use <FormattedMessage> instead.

Hi,

I am getting following error message while running the code.

Uncaught Error: Cannot find module "!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/index.js!./Header.scss"

Could you please provide the steps for run this application?

Thanks,
Prashant

First of all, let me tell you how much I appreciate your article and the sample project on localizing react projects. It was very helpful to make decisions in case of one of my projects to make it available worldwide.

https://github.com/iam-peekay/inbox-react-intl/blob/master/src/js/index.js#L23-L24

While I was looking at your code, I noted that this particular line of code (see above) doesn't do what the comment says in the previous line. It says Try full locale first but you're trying to get the messages by providing the locale code without the region code first.

Since the locale code with the region (full locale code) is more specific, it's better to try it first. So the comment is correct and the code above is supposed to work according to that.

While running the script with npm, it doesn´t create the extracted messages in the "messageDir". The output of the script is what you can see at the following capture.