noStaticOnlyClass

import { Tabs, TabItem } from '@astrojs/starlight/components';

<Tabs> <TabItem label="JavaScript (and super languages)" icon="seti:javascript"> ## Summary - Rule available since: `v1.0.0` - Diagnostic Category: [`lint/complexity/noStaticOnlyClass`](/reference/diagnostics#diagnostic-category) - This rule is **recommended**, meaning it is enabled by default. - This rule doesn't have a fix. - The default severity of this rule is [**warning**](/reference/diagnostics#warning). - Sources: - Same as [`@typescript-eslint/no-extraneous-class`](https://typescript-eslint.io/rules/no-extraneous-class) - Same as [`unicorn/no-static-only-class`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-static-only-class.md)

How to configure

json

{
	"linter": {
		"rules": {
			"complexity": {
				"noStaticOnlyClass": "error"
			}
		}
	}
}

Description

This rule reports when a class has no non-static members, such as for a class used exclusively as a static namespace.

Users who come from a OOP paradigm may wrap their utility functions in an extra class, instead of putting them at the top level of an ECMAScript module. Doing so is generally unnecessary in JavaScript and TypeScript projects.

Wrapper classes add extra cognitive complexity to code without adding any structural improvements
- Whatever would be put on them, such as utility functions, are already organized by virtue of being in a module.
- As an alternative, you can import * as ... the module to get all of them in a single object.
IDEs can't provide as good suggestions for static class or namespace imported properties when you start typing property names
It's more difficult to statically analyze code for unused variables, etc. when they're all on the class (see: Finding dead code (and dead types) in TypeScript).

Examples

Invalid

class X {
  static foo = false;
  static bar() {};
}

<pre class="language-text"><code class="language-text">code-block.js:1:1 <a href="https://biomejs.dev/linter/rules/no-static-only-class">lint/complexity/noStaticOnlyClass</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚠ Avoid classes that contain only static members. > 1 │ class X { │ ^^^^^^^^^ > 2 │ static foo = false; > 3 │ static bar() {}; > 4 │ } │ ^ 5 │ ℹ Prefer using simple functions instead of classes with only static members. </code></pre>

class StaticConstants {
  static readonly version = 42;

  static isProduction() {
    return process.env.NODE_ENV === 'production';
  }
}

<pre class="language-text"><code class="language-text">code-block.ts:1:1 <a href="https://biomejs.dev/linter/rules/no-static-only-class">lint/complexity/noStaticOnlyClass</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚠ Avoid classes that contain only static members. > 1 │ class StaticConstants { │ ^^^^^^^^^^^^^^^^^^^^^^^ > 2 │ static readonly version = 42; > 3 │ > 4 │ static isProduction() { > 5 │ return process.env.NODE_ENV === 'production'; > 6 │ } > 7 │ } │ ^ 8 │ ℹ Prefer using simple functions instead of classes with only static members. </code></pre>

Valid

const X = {
  foo: false,
  bar() {}
};

export const version = 42;

export function isProduction() {
  return process.env.NODE_ENV === 'production';
}

function logHelloWorld() {
  console.log('Hello, world!');
}

class Empty {}

Notes on Mutating Variables

One case you need to be careful of is exporting mutable variables. While class properties can be mutated externally, exported variables are always constant. This means that importers can only ever read the first value they are assigned and cannot write to the variables.

Needing to write to an exported variable is very rare and is generally considered a code smell. If you do need it you can accomplish it using getter and setter functions:

export class Utilities {
  static mutableCount = 1;
  static incrementCount() {
    Utilities.mutableCount += 1;
  }
}

<pre class="language-text"><code class="language-text">code-block.js:1:8 <a href="https://biomejs.dev/linter/rules/no-static-only-class">lint/complexity/noStaticOnlyClass</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚠ Avoid classes that contain only static members. > 1 │ export class Utilities { │ ^^^^^^^^^^^^^^^^^ > 2 │ static mutableCount = 1; > 3 │ static incrementCount() { > 4 │ Utilities.mutableCount += 1; > 5 │ } > 6 │ } │ ^ 7 │ ℹ Prefer using simple functions instead of classes with only static members. </code></pre>

Do this instead:

let mutableCount = 1;

export function getMutableCount() {
  return mutableField;
}

export function incrementCount() {
  mutableField += 1;
}

</TabItem> </Tabs>