Add react intl

[iam4x]

Implementation of react-intl

• Implement react-intl client logic
• Implement react-intl server logic
• Switch locale
• Split translations into chunks for lazy-loading
• Add Spinner on changing lang req
• Persist locale into cookie / localstorage
• Clean the warnings from react-a11y
• Fix actual tests
• Add tests for react-intl
• Fix different markup client / server
• Fix .json webpack chunks
• Update README

[coveralls]

Coverage decreased (-38.16%) to 56.89% when pulling bcffa10 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-38.16%) to 56.89% when pulling f7e9b94 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-38.16%) to 56.89% when pulling afa9aa1 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-37.64%) to 57.4% when pulling ae538e5 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-38.97%) to 56.07% when pulling 43ab68e on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-38.97%) to 56.07% when pulling 43ab68e on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-40.55%) to 54.49% when pulling 8e5e784 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-40.55%) to 54.49% when pulling c60b28f on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-41.74%) to 53.3% when pulling 638ba46 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-42.04%) to 53.01% when pulling 36785e5 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-15.81%) to 79.23% when pulling 8489677 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage decreased (-9.1%) to 85.95% when pulling 369a260 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling 30d19b5 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling 963ced0 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling 7b7cb72 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling 7b7cb72 on add-react-intl into 0dd5229 on master.

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling 7be046c on add-react-intl into 0dd5229 on master.

[iam4x]

It fixes also #14

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling bbc4efe on add-react-intl into 1a3b90b on master.

[coveralls]

Coverage increased (+0.63%) to 95.68% when pulling ca07834 on add-react-intl into 1a3b90b on master.

[dmitry]

Thank you for working on that!

Do you know some service, that helps to translate the keys and then export them into the intl format?
In our current projects I'm using webtranslateit.com and phraseapp.com, but they are not providing such export.
What kind of the workflow do you use to translate application when using intl? Just by hand?

[iam4x]

@dmitry I haven't used such services yet, what is output from them? a JSON / YAML?

[dmitry]

JSON or YAML can be exported. I know that it's easy to convert JSON/YAML to

{
  messages: JSON
}

But still, it nice to have a tool that will convert everything directly to intl.

When project grows, it's hard to translate everything as a end-to-end developer ;)

Anyway thank you for the answer!

[iam4x]

@dmitry You can have a script run before compiling for production or/and at first compilation on dev, look how I call webpack/utils/clean-dist.js into webpack/prod.config.js

It shouldn't be a big deal 👍