Skip to main content

no-unnecessary-template-literal

Disallow template literals that contain no expressions.

Targeted pattern scope​

This rule matches template literals with zero interpolations:

  • `plain text`
  • `` (empty template)

It reports only when expressions.length === 0.

What this rule reports​

This rule reports template literals with zero ${...} expressions.

Why this rule exists​

Expression-free template literals are typically equivalent to normal string literals but noisier. Requiring plain strings reduces visual overhead.

❌ Incorrect​

const x = `value`;

✅ Correct​

const x = `value ${suffix}`;
const y = "value";

Behavior and migration notes​

This rule reports only and does not provide an autofix.

Most migrations are straightforward replacements from backticks to single or double-quoted strings.

Options​

This rule has no options.

Additional examples​

const title = `Dashboard`;
// ❌ reported

const title = "Dashboard";
// ✅ valid

ESLint flat config example​

import etcMisc from "eslint-plugin-etc-misc";

export default [
 {
  plugins: { "etc-misc": etcMisc },
  rules: {
   "etc-misc/no-unnecessary-template-literal": "error",
  },
 },
];

When not to use it​

Disable this rule if your project intentionally uses expression-free template literals.

Package documentation​

Rule catalog ID: R048

Further reading​

Adoption resources​

  • Start at warning level in CI, then move to error after cleanup.
  • Use focused codemods/autofix batches per package or directory.