ESLint rules to help enforce i18n in react.

Primarily supports i18next, but happy to accept PRs to add support for other popular react i18n frameworks.

You'll first need to install ESLint:

$ npm i eslint --save-dev

Next, install eslint-plugin-react-i18n:

$ npm install eslint-plugin-react-i18n --save-dev

Note: If you installed ESLint globally (using the -g flag) then you must also install eslint-plugin-react-i18n globally.

Add react-i18n to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
  "plugins": ["react-i18n"]
}

Then configure the rules you want to use under the rules section.

{
  "rules": {
    "react-i18n/rule-name": "error"
  }
}

You can also use the recommended config instead

{
  "extends": ["plugin:react-i18n/recommended"]
}

• react-i18n/no-dynamic-translation-keys: Enforce using static strings as keys for translation functions
• react-i18n/no-missing-interpolation-keys: Enforce passing all defined interpolation keys to translation functions