Заметки про React: “Biome – быстрый форматтер и линтер Biome – тулчейн для фронтенда, кото…”

Biome – быстрый форматтер и линтер

Biome – тулчейн для фронтенда, который умеет форматировать как Prettier, но в 35 раз быстрее. Кроме форматирования, есть производительный линтинг, поддерживающий более 300 правил ESLint, TypeScript ESLint и других. Линтинг в 15 раз быстрее чем ESLint (без плагинов). Можно выполнить форматирование и линтинг одной командой:


npx @biomejs/biome check --write ./src

Biome можно установить как отдельный бинарник и запускать без Node.js. Это может значительно ускорить проверки в CI.

У Biome свой файл конфигурации для настроек линтинга и форматирования. Есть команда для миграции с Prettier и ESLint, например:


biome migrate eslint –write
biome migrate prettier –write

Пример конфига:


{
  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
  "css": {
    "linter": {
      "enabled": true
    }
  },
  "files": {
    "ignore": [
      "dist/**",
    ],
    "include": [
      "src/**"
    ]
  },
  "formatter": {
    "ignore": [
      "configuration_schema.json"
    ]
  },
  "json": {
    "formatter": {
      "indentStyle": "space",
      "lineWidth": 1
    }
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true,
      "style": {
        "noNonNullAssertion": "off"
      }
    }
  },
  "organizeImports": {
    "enabled": true
  }
}

https://biomejs.dev/