Aller au contenu principal
Logo de l'applicationLoriginal
  • Accueil
  • À propos
  • Compétences
  • Services
  • Solutions
  • Projets
  • Blog
🗺️Plan du site•📡Flux RSS
Jean Assoumani • Tous droits réservés
⚖️ Mentions légales•🔒 Confidentialité
🚀 Crafting digital experiences since 2005© 2005-2026 loriginal.dev
Le blog/Outils open source

Biome : alternative rapide à ESLint et Prettier

Biome remplace ESLint et Prettier en un seul outil Rust pour formater et linter JavaScript, TypeScript et JSON. Guide pratique pour l'évaluer sur un dépôt pilote.

Biome remplace ESLint et Prettier en un seul outil Rust pour formater et linter JavaScript, TypeScript et JSON. Guide pratique pour l'évaluer sur un dépôt pilote.

Mis à jour le 20 juin 2026Par Loriginal4 min de lecture
Outils open sourcebiomelintingopen-sourcejavascript

Biome : un seul binaire pour formater et linter

La documentation officielle de Biome présente l'outil comme une toolchain web unique : formatage, lint et commande check dans un même binaire écrit en Rust. Pour une équipe qui enchaîne aujourd'hui ESLint, Prettier et leurs plugins TypeScript ou React, la promesse est simple : moins de fichiers de configuration, moins de dépendances npm et des retours plus rapides en local comme en CI.

Biome couvre JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS et GraphQL. Le site indique une compatibilité d'environ 97 % avec Prettier sur le formatage, avec des règles de lint inspirées d'ESLint et de typescript-eslint. L'intérêt pour une PME ou un freelance n'est pas de remplacer une stack mature du jour au lendemain, mais de tester si un dépôt pilote gagne en simplicité sans perdre les garde-fous essentiels.

Ce que Biome apporte concrètement

Formatage unifié

La commande biome format --write remplace Prettier sur les langages pris en charge. Le formateur tente même de corriger du code partiellement invalide pendant l'édition, ce qui limite les allers-retours entre sauvegarde et correction manuelle.

Lint intégré

Biome expose plus de 500 règles documentées, avec des diagnostics contextualisés et des correctifs automatiques lorsque la règle le permet. Les équipes peuvent activer un socle strict puis ajuster fichier par fichier.

Commande check

biome check --write enchaîne formatage et lint en une passe. Sur un monorepo front, cela réduit le nombre de scripts npm et simplifie la configuration des hooks pre-commit.

Commencez sur une branche dédiée avec npx @biomejs/biome check --write ./src avant de toucher à la CI : vous mesurez les écarts de style et de règles sans bloquer la production.

Comparaison honnête avec ESLint et Prettier

ESLint reste l'écosystème le plus extensible : des centaines de plugins couvrent React, Vue, accessibilité, imports ou conventions d'équipe très spécifiques. Prettier, de son côté, est devenu la référence de formatage opinionated, avec une intégration editor très répandue.

Biome compresse ces deux rôles dans un seul outil natif. Les gains annoncés côté performance proviennent de l'implémentation Rust et d'une architecture proche de rust-analyzer. Sur un gros dépôt, la différence se ressent surtout dans les boucles locales et les pipelines CI qui relancent lint et format à chaque push.

Les limites sont réelles : toutes les règles ESLint n'ont pas d'équivalent, et la compatibilité Prettier n'est pas totale. Les projets avec des plugins ESLint très spécialisés ou des overrides Prettier fins devront comparer règle par règle avant migration. Biome propose des commandes de migration depuis une configuration ESLint existante, documentées sur le site du projet.

Cas où l'adoption est pertinente

  • Applications Next.js ou React avec une stack lint standard (hooks, imports, TypeScript).
  • Bibliothèques internes où la vitesse de feedback prime sur des règles exotiques.
  • Équipes réduites qui veulent un fichier biome.json unique plutôt que .eslintrc + .prettierrc + plugins.

Cas où garder ESLint a du sens

  • Règles métier codées dans un plugin maison.
  • Politique de formatage qui repose sur des options Prettier non couvertes par Biome.
  • Obligation de conformité à un preset d'entreprise encore calé sur ESLint 8 ou 9.

Checklist de test sur un dépôt pilote

  • Installation : npm i -D --save-exact @biomejs/biome puis initialisation du fichier de configuration recommandée par la doc.
  • Inventaire : lancer biome check ./src sans --write pour lister les écarts sans modifier les fichiers.
  • Migration : si vous partez d'ESLint, utiliser la commande de migration officielle et comparer le diff de configuration généré.
  • Editor : installer l'extension Biome pour VS Code ou votre IDE afin de formater à la sauvegarde.
  • CI : remplacer les jobs eslint et prettier --check par un job biome ci une fois le socle validé en local.
  • Rollback : conserver la branche de référence et les anciens scripts pendant un sprint pour revenir en arrière si une règle bloquante apparaît.

Pour aller plus loin sur le blog

Pour compléter votre feuille de route outillage, consultez Vitest : tests unitaires sans friction sur React et Biome : alternative rapide à ESLint et Prettier.

Sources

  • Biome, toolchain of the web (site officiel)
  • biomejs/biome sur GitHub
  • ESLint, outil de lint JavaScript
  • Prettier, formateur de code opinionated

Un test pilote de deux semaines sur un dépôt représentatif reste la méthode la plus fiable pour décider si Biome remplace durablement ESLint et Prettier dans votre stack.

Sommaire⌄
  • Biome : un seul binaire pour formater et linter
  • Ce que Biome apporte concrètement
  • Comparaison honnête avec ESLint et Prettier
  • Cas où l'adoption est pertinente
  • Cas où garder ESLint a du sens
  • Checklist de test sur un dépôt pilote
  • Pour aller plus loin sur le blog
  • Sources

Sommaire

  • Biome : un seul binaire pour formater et linter
  • Ce que Biome apporte concrètement
  • Comparaison honnête avec ESLint et Prettier
  • Cas où l'adoption est pertinente
  • Cas où garder ESLint a du sens
  • Checklist de test sur un dépôt pilote
  • Pour aller plus loin sur le blog
  • Sources

Découvrez également

Comparatif 2026 des meilleurs frameworks web

Comparatif 2026 des meilleurs frameworks web

Comparatif 2026 des frameworks web : Next.js, Astro, Nuxt, SvelteKit et Angular, avec critères concrets pour choisir selon votre produit et votre équipe.

Développement webframeworksjavascript
05 juillet 2026
Bun en 2026 : runtime JavaScript pour scripts et petits services

Bun en 2026 : runtime JavaScript pour scripts et petits services

En 2026, l'écosystème JavaScript continue d'évoluer avec l'émergence de Bun, un runtime qui promet des performances élevées et une simplicité d'utilisation.

Développement webbunjavascript
28 juin 2026
TypeScript 5 : nouveautés utiles au quotidien

TypeScript 5 : nouveautés utiles au quotidien

TypeScript continue d'évoluer pour offrir une expérience de développement améliorée, notamment avec la sortie de la version 5.0. Cette mise à jour apporte des.

Développement webtypescriptjavascript
25 juin 2026

Un projet web ou un audit SEO technique ?

Site vitrine, refonte ou amélioration des performances : je peux vous aider à clarifier la priorité, estimer le chantier et avancer sereinement.

Discuter de mon projet

Flux RSS

Suivre le blog sans e-mail

Copiez l'URL du flux et ajoutez-la dans Feedly, Feeder ou toute autre application RSS.
Web, mobile ou bureau : le principe reste le même.

Cette adresse fonctionne dans tout lecteur RSS : agrégateur web, application mobile ou logiciel de bureau.

Comment ajouter le flux

  1. Copiez l'URL du flux ci-dessus.
  2. Ouvrez votre lecteur RSS (Feedly, Feeder, NetNewsWire, etc.).
  3. Cherchez « Ajouter un flux », « Subscribe » ou le bouton +.
  4. Collez l'URL, validez : les prochains articles apparaîtront automatiquement.

Ajout rapide sur le web

FeedlyOuvrir dans FeedlyInoreaderOuvrir dans InoreaderRSSOuvrir rss.xml

Applications mobiles

Sur smartphone ou tablette, le principe reste le même : copiez l'URL, puis collez-la dans l'application.

  • FeederAndroid
    Télécharger sur Google Play

    Touchez +, choisissez « Ajouter un flux », puis collez l'URL.

  • NetNewsWireiOS, macOS
    Site officiel

    Fichier → New Feed (⌘N) ou le bouton +, puis collez l'URL.

  • Read YouAndroid
    Télécharger sur F-Droid

    Onglet Abonnements → + → coller l'URL du flux.