docs/src/rules/prefer-template.md
In ES2015 (ES6), we can use template literals instead of string concatenation.
const str = "Hello, " + name + "!";
const str = `Hello, ${name}!`;
This rule is aimed to flag usage of + operators with strings.
Examples of incorrect code for this rule:
::: incorrect
/*eslint prefer-template: "error"*/
const str = "Hello, " + name + "!";
const str1 = "Time: " + (12 * 60 * 60 * 1000);
:::
Examples of correct code for this rule:
::: correct
/*eslint prefer-template: "error"*/
const str = "Hello World!";
const str1 = `Hello, ${name}!`;
const str2 = `Time: ${12 * 60 * 60 * 1000}`;
// This is reported by `no-useless-concat`.
const str4 = "Hello, " + "World!";
:::
This rule has no options.
This rule should not be used in ES3/5 environments.
In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.