Internationalization - i18n with react-i18nify-lite

[IvanScoles]

I18n integrated with: https://github.com/artisavotins/react-i18nify-lite

Translation file: webapp/app/lang/en.js

Service to handle i18n global in the app: i18nService

Without parameters:

{i18nService.translate('text.save')}`

With parameters:

{i18nService.translate('text.delete_user', { name: user.name })}

Also you can use components to translate, with your render methods

Without parameters:

import { Translate } from 'react-i18nify-lite';

<Translate value="button.save"/>

With parameters:

import { Translate } from 'react-i18nify-lite';

<Translate value="text.delete_user" name={user.name} />

[emanuelmetal]

What do you think about organizing keys by module EG:

homePage: {
  "users:_list": "...",
},
actionButtons: {
  ""
},
usersForm: {
  ...
"phone_number": "Phone Number",
  ...
}

@mravinale @RamiroGonzalez89 what do you think?

[IvanScoles]

Could be a good approach, but in this case, you can repeat keys with this approach. For example username, email and phone are repeated for the table and modal. Depends on the project, the best configuration to do.

[emanuelmetal]

ok I agree