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