Replace yahoo/react-intl with alibaba/react-intl-universal

[cwtuan]

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.';
    }
  }
};

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

[langpavel]

Hmmm very interesting! Can you provide more resources, arguments whatever? If I adopt this, I should create new branch for it or can it be backward compatible?

[langpavel]

Hmmm, I'm not sure that all what alibaba/react-intl-universal says about yahoo/react-intl is true.
I have a way to get message from intl after I can decide language on server.
I did not publish this in react-intl branch yet, but it's really possible...
On the client it's really easier because client can use globals easier :-)

[cwtuan]

@langpavel
alibaba/react-intl-universal has compatible APIs with yahoo/react-intl.

It resolve the problem mentioned in How to use imperative API in a non-component script.

[ulani]

@cwtuan thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.