home.social

#eslint — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #eslint, aggregated by home.social.

  1. Fun upgrading project to #typescript7.

    - #eslint-plugin: no candidate
    - npm fail uninstall crap when fumb has dependency problem
    - npm upgraded blorg leading to fumb dependency problems (thanks)
    - \@types/node is not automatically recognized anymore
    - Uint8<ArrayBufferLike> no longer compatible with ArrayBuffer

    And node, eslint and typescript are **all** my dependencies. Good luck with monstrous dependency lists.

    For the records. A #Java #JDK upgrade never screwed up everything like this.😎

  2. If you run into issues with #eslint and #TypeScript 7 ... this is because TypeScript 7 does not yet ship with a compiler API, which programmatic tools like ESLint need: github.com/typescript-eslint/t

    The workaround is straightforward: run 6 & 7 side-by side: devblogs.microsoft.com/typescr

  3. If you run into issues with #eslint and #TypeScript 7 ... this is because TypeScript 7 does not yet ship with a compiler API, which programmatic tools like ESLint need: github.com/typescript-eslint/t

    The workaround is straightforward: run 6 & 7 side-by side: devblogs.microsoft.com/typescr

  4. Как мы ускорили разработку Frontend на 10х TSGO, Oxlint, Rsbuild, React Compiler & CodeGen

    В этой статье разберу пять направлений, в которых мы получили измеримый эффект: 1. Type checking — TSCheck vs TSGO 2. Linting — ESLint vs Biome vs Oxlint 3. Bundling — Webpack → Vite → Rsbuild 4. API-контракты — Кодогенерация без AI 5. React-оптимизации — React Compiler в production

    habr.com/ru/articles/1049908/

    #tsgo #react #webpack #vue #rsbuild #eslint #oxlint #biome #swagger #react_compiler

  5. [Перевод] Мы дали ИИ написать код и тесты: что обнаружило мутационное тестирование

    AI-агент самостоятельно создавал приложение и по ходу работы покрывал его тестами, а качество кода оценивали автоматические проверки. На первый взгляд всё выглядело надёжно: покрытие росло, тесты проходили. Однако мутационное тестирование показало, что часть тестов лишь выполняет код, почти не защищая его от реальных поломок. В статье разберём, какие сенсоры действительно помогают находить регрессии, а какие создают ложное чувство уверенности.

    habr.com/ru/companies/otus/art

    #мутационное_тестирование #ИИагенты #генерация_тестов #качество_кода #сопровождаемость #статический_анализ #ESLint #Stryker #регрессионное_тестирование #архитектура_кода

  6. Wenn du aus der Java-Welt kommst, wirken Begriffe wie JavaScript, TypeScript, Angular, React, Vue, Node.js oder npm am Anfang schnell wie ein einziger großer Themenblock. Genau da entsteht oft die eigentliche Verwirrung. Alles klingt ähnlich, vieles taucht im gleic...

    magicmarcy.de/angular-react-vu

    #Coding #JavaScript #Angular #TypeScript #React #Node #Vite #Webpack #ESLint #Maven #Paketmanager #ECMAScript #Programming

  7. Линт проектов: собираем ESLint, Prettier и Stylelint в один пакет

    В большинстве компаний линтинг со временем превращается в хаос: разные правила ESLint, устаревшие конфиги и копипаста между проектами. Покажу, как навести порядок – собрать линт-инфраструктуру в один пакет и выстроить систему контроля кода для всех репозиториев.

    habr.com/ru/articles/1038340/

    #eslint #prettier #линтинг_кода #stylelint #husky #lint #javascript #typescript #react #madge

  8. Introducing: @k9n/eslint-plugin-prefer-implicit An #ESLint plugin 🧩 that checks your code for: • unnecessary #ARIA attributes 🗑️ • redundant roles 👯 • invalid combinations ❌ …and even auto-fixes them

  9. Hui, I migrated a small project from #eslint (~5.5 sec) to #oxlint (~0.9 sec). That's a really nice improvement. Now I need to migrate more projects. :D

  10. Mes notes hebdo de ce 20 février :

    🦁 Un update sur mes #corrections.
    🤓 Une mauvaise pratique que je rencontre souvent concernant les règles #eslint.
    🦢 Comptage des #oiseaux des #lacs avec la #LPO.
    🐈 Série, chansons et chats.

    🇫🇷 blog.dunstetter.fr/fr/posts/no
    🇺🇸 blog.dunstetter.fr/posts/weekl

  11. Mes notes hebdo de ce 20 février :

    🦁 Un update sur mes #corrections.
    🤓 Une mauvaise pratique que je rencontre souvent concernant les règles #eslint.
    🦢 Comptage des #oiseaux des #lacs avec la #LPO.
    🐈 Série, chansons et chats.

    🇫🇷 blog.dunstetter.fr/fr/posts/no
    🇺🇸 blog.dunstetter.fr/posts/weekl

  12. Mes notes hebdo de ce 20 février :

    🦁 Un update sur mes #corrections.
    🤓 Une mauvaise pratique que je rencontre souvent concernant les règles #eslint.
    🦢 Comptage des #oiseaux des #lacs avec la #LPO.
    🐈 Série, chansons et chats.

    🇫🇷 blog.dunstetter.fr/fr/posts/no
    🇺🇸 blog.dunstetter.fr/posts/weekl

  13. Тихие сбои React Compiler и как их исправить

    React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему

    habr.com/ru/companies/otus/art

    #React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint

  14. Git-хуки, которые не дают коммитить плохой код

    Здравствуйте, коллеги программисты! Большинство фейлов в CI — это мелочи: забытый console.log , форматирование, линт, сломанный импорт, файл без теста. Такие ошибки не должны доезжать до сборки или код-ревью. Git-хуки позволяют запускать проверки прямо во время git commit и блокировать коммит, если были обнаружены нарушения. В прошлой статье я рассказывал про скрипты, которые я использую для проверки качества кода в PHP/Laravel. В этой статье я хочу рассказать о скриптах для JavaScript/TypeScript и Python — линтинг, форматирование, тесты, статический анализ и проверка наличия тестов. Все скрипты описанные в статье находятся здесь - github.com/prog-time/git-hooks

    habr.com/ru/articles/993870/

    #линтер #git_hooks #javascript #python #eslint #prettier #tsc #vitest #mypy #pytest

  15. Git-хуки, которые не дают коммитить плохой код

    Здравствуйте, коллеги программисты! Большинство фейлов в CI — это мелочи: забытый console.log , форматирование, линт, сломанный импорт, файл без теста. Такие ошибки не должны доезжать до сборки или код-ревью. Git-хуки позволяют запускать проверки прямо во время git commit и блокировать коммит, если были обнаружены нарушения. В прошлой статье я рассказывал про скрипты, которые я использую для проверки качества кода в PHP/Laravel. В этой статье я хочу рассказать о скриптах для JavaScript/TypeScript и Python — линтинг, форматирование, тесты, статический анализ и проверка наличия тестов. Все скрипты описанные в статье находятся здесь - github.com/prog-time/git-hooks

    habr.com/ru/articles/993870/

    #линтер #git_hooks #javascript #python #eslint #prettier #tsc #vitest #mypy #pytest

  16. Git-хуки, которые не дают коммитить плохой код

    Здравствуйте, коллеги программисты! Большинство фейлов в CI — это мелочи: забытый console.log , форматирование, линт, сломанный импорт, файл без теста. Такие ошибки не должны доезжать до сборки или код-ревью. Git-хуки позволяют запускать проверки прямо во время git commit и блокировать коммит, если были обнаружены нарушения. В прошлой статье я рассказывал про скрипты, которые я использую для проверки качества кода в PHP/Laravel. В этой статье я хочу рассказать о скриптах для JavaScript/TypeScript и Python — линтинг, форматирование, тесты, статический анализ и проверка наличия тестов. Все скрипты описанные в статье находятся здесь - github.com/prog-time/git-hooks

    habr.com/ru/articles/993870/

    #линтер #git_hooks #javascript #python #eslint #prettier #tsc #vitest #mypy #pytest

  17. For years I use eslint in TypeScript projects.

    New project, new fun, eslint 9.x.x. Minimal config it generates

    import js from "@eslint/js";
    import globals from "globals";
    import tseslint from "typescript-eslint";
    import { defineConfig } from "eslint/config";

    and 84 dependencies. Before eslint, the project has:

    @HaraldKi/[email protected] /home/harald/work/lutrujs
    ├── [email protected]
    └── [email protected]

    Any suggestion for a less intrusive linter?

    #eslint #typescript #linting #dependencies

  18. For years I use eslint in TypeScript projects.

    New project, new fun, eslint 9.x.x. Minimal config it generates

    import js from "@eslint/js";
    import globals from "globals";
    import tseslint from "typescript-eslint";
    import { defineConfig } from "eslint/config";

    and 84 dependencies. Before eslint, the project has:

    @HaraldKi/[email protected] /home/harald/work/lutrujs
    ├── [email protected]
    └── [email protected]

    Any suggestion for a less intrusive linter?

    #eslint #typescript #linting #dependencies

  19. I used this article as an entry point to understand what is @vitest browser mode and how it’s different from other types of tests: epicweb.dev/vitest-browser-mod

    And then I created a small setup for DOM-related tests on a in-progress #JavaScript library (no front-end framework, #ESLint, #Playwright via Vitest browser mode, runs locally and in a #GitHubAction). PR for the curious: github.com/frontacles/frontacl

  20. I used this article as an entry point to understand what is @vitest browser mode and how it’s different from other types of tests: epicweb.dev/vitest-browser-mod

    And then I created a small setup for DOM-related tests on a in-progress #JavaScript library (no front-end framework, #ESLint, #Playwright via Vitest browser mode, runs locally and in a #GitHubAction). PR for the curious: github.com/frontacles/frontacl

  21. Внедрение архитектуры: от хаоса к порядку

    Всем привет! Меня зовут Анатолий , я представляю команду Front-End разработки компании DD Planet . В этой статье расскажу о том, как наш проект завершил этап разработки и трансформировался в стабильный рабочий продукт.

    habr.com/ru/articles/978988/

    #Архитектура #Local_First #Atomic_design #FSD #ESLint #frontendразработка #React #NextJS

  22. J'applique systématiquement la même logique avec Zod mais dans `src/config.ts`. Ça permet d'éviter de nombreux problèmes au runtime.

    Pour éviter les appels à `process.env`, il est possible d'utiliser la règle ESLint `n/no-process-env` et d'ajouter une exception pour le seul fichier `src/config.ts`.

    🔗 tsev.dev/posts/2025-12-03-safe

    #environnement #validation #Zod #NodeJS #eslint

  23. En train de découvrir les joies (non) de la config ESlint/Prettier. On a des outils qui ont leur propre rôle (le 1er établit des règles de style de code, le second formate en fonction de ces règles) MAIS, le 1er peut aussi formater et le second peut aussi établir des règles. Ils peuvent se marcher sur les pieds (écraser les règles de l’autre), bref c’est un ENFER ! Qui pour inventer un outil UNIQUE qui se configure pour toutes les libs même les plus vieilles, s’il vous plait ?
    #javascript #linter #prettier #eslint

  24. Had my first, afaik, coding interaction with #AI last week. I asked a question on Slack and received a screenshot of a solution from a senior developer.

    That tickled my senses but I ignored it.

    I implemented the suggested solution; an alternative plugin to #eslint to sort class members. After two hours I realized the usage was incorrect and that plugin would never work as shown. I asked the developer for more context and he said he got it from #ChatGPT. 🤯

    What a waste of time.

  25. Pourquoi je déteste de plus en plus npm et le système de package node.js ?

    Là, pour valider le code d'un projet de 4 fichiers qui font 10 ko, j'installe #eslint...

    Et je me retrouve avec 27.6 MEGA OCTETS de dépendances ! 😬

    SEPT MILLE SIX CENTS FICHIERS ET DOSSIERS !

    PINAISE mais je regrette le temps de #JSLint de #Crockford

    jslint.com/

  26. [Перевод] Расстаемся с any в TypeScript

    Тип any в TypeScript по своей сути является злом и небезопасной особенностью встроенной по умолчанию в систему типов языка. Данный тип дает возможность разработчику записать такое значение, которое может быть чем угодно, использоваться где угодно и как угодно вместо любого другого типа данных. Использование any небезопасно, поскольку таким образом вы отключаете многие проверки во время компиляции вашего кода в JavaScript, что по итогу ограничивает способность TypeScript помогать вам, отказываясь тем самым от преимуществ строгой типизации. Линтеры — это не только важнейший инструмент для поддержания качества кода на высоком уровне, но и важный помощник в борьбе с any . Пакет typescript-eslint содержит несколько таких правил, которые помогают предотвратить небезопасные практики еще до начала компиляции, связанные с типом any . Эти правила обнаруживают как прямые использования any , так и целые паттерны кода, которые незаметно его допускают. В этой публикации мы разберемся с тем, что конкретного делают эти правила, а также рассмотрим несколько полезных способов предотвратить проникновение any в наш код.

    habr.com/ru/articles/859114/

    #typescript #javascript #eslint #eslint_9

  27. Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

    #mediaWiki #linting #eslint #jsprettier #styleLint

  28. Any Mediawiki extension devs here that use SublimeText3? I am struggling to get linting and fixing for css/js files working correctly. Could use some advise.

    #mediaWiki #linting #eslint #jsprettier #styleLint

  29. eslint-config-prettier Compromised: How npm Package With 30 Million Downloads Spread Malware, by (not on Mastodon or Bluesky):

    safedep.io/eslint-config-prett

    #prettier #eslint #npm #security #malware

  30. "Hours after we reported on the npm phishing campaign using the typosquatted npnjs.com site, we’re now seeing the first major fallout: popular npm packages, including eslint-config-prettier and eslint-plugin-prettier, were compromised" #eslint #npm #nodejs

    socket.dev/blog/npm-phishing-c

  31. Partant d'un projet vide, rien, nada, que chib, on ajoute #eslint pour valider du code #javascript et #css, on se retrouve direct avec 10 Mo de dépendances !

    Yolo !

  32. Avant, avec #eslint < 9, je pouvais installer le trucs globalement et appliquer les même règles pour les dizaines de projets sur lesquels je travaille.

    Aujourd'hui, j'ai essayé de migrer le code source de mon site web sous ESLint 9.

    Je me retrouve avec 40 MEGA OCTETS de dépendances dans node_modules !!!!!

    Le truc est 100 FOIS plus lourd que mon code source 😱

    Et imaginez ça multiplier par 10 ou 20 !

    Le progrès qu'on vous dis 🤦

    #dev #javascript #linter

  33. step away for 5 minutes and eslint, a successful ~10yo open source project decides to not only break all of their plugin configurations and have the migrate script generate configs that don't typecheck, but also make it impossible to configure some combinations of plugins because every library has a different way of telling you to integrate their config? why?? #eslint