home.social

#prettier — Public Fediverse posts

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

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

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

    habr.com/ru/articles/1038340/

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

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

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

    habr.com/ru/articles/1038340/

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

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

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

    habr.com/ru/articles/1038340/

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

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

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

    habr.com/ru/articles/1038340/

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

  5. TIL: #Prettier can format #Markdown. Oh how much better that makes my Markdown editing experience in VIM.

  6. 🔧 Code quality:
    • tdd — full test-driven dev workflow
    • scaffold-exercises — builds coding exercises from spe cs
    • edit-article — structured editing with context transfer

    🛡️ Safety rails:
    • git-guardrails-claude-code — blocks push, reset --hard & clean before #AI executes them
    • setup-pre-commit — configures #Husky + #Prettier + lint-staged + typechecks + tests

    🐛 triage-issue: explores codebase, identifies root cause & files #GitHub issues with #TDD-based fix plans already attached.

  7. 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

  8. 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

  9. 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

  10. 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

  11. lazyweb: how do you get prettier to stop escaping {/* */} comments in MDX files when formatting on save? #prettier #js #mdx

  12. lazyweb: how do you get prettier to stop escaping {/* */} comments in MDX files when formatting on save? #prettier #js #mdx

  13. lazyweb: how do you get prettier to stop escaping {/* */} comments in MDX files when formatting on save? #prettier #js #mdx

  14. biome | A toolchain for web projects, aimed to provide functionalities to maintain them. #Biome offers #formatter and #linter, usable via CLI and LSP.

    github.com/biomejs/biome

    Fun fact: this is the winner of the "write a pretty printer in #Rust challenge":
    console.algora.io/challenges/p

    I think, by now, every major #WebDev tool has been rewritten in #RustLang.

    Just think about the time savings this brings for people globally!

    Time to switch our tools! 🚀

    #RIIR #JavaScript #DevTools #Prettier

  15. 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

  16. Přešel jsem z Prettieru na Biome. Trvalo to 10 minut a dělá to totéž, akorát rychleji. Pěkné.

    Jediná zrada byla, že ve výchozím nastavení to dělá taby místo mezer, trochu se mi při tom zježily chlupy, ale stačí to přepnout.

    #juniorguru #prettier #biome

  17. A fake version of the popular “Prettier – Code formatter” extension on the #VSCode Marketplace was found delivering Anivia Stealer, targeting Windows users to steal credentials and sensitive data.

    Read: hackread.com/prettier-extensio

    #CyberSecurity #Malware #Brandjacking #AniviaStealer #Prettier

  18. 🎉 Grab your berets, folks! We're diving into the thrilling tale of #Prettier, where a French engineer heroically ended the epic Space vs Tabs saga with a coding tool. Spoiler: It wasn't a revolution, just a glorified linter. 🤦‍♂️💻
    blog.vjeux.com/2025/javascript #SpaceVsTabs #CodingTools #DeveloperHumor #TechNews #HackerNews #ngated

  19. prettier-max on 1.10.0: Minimalist automatic Prettier formatting plugin for Vite

    * Added banner header inserter.

    github.com/kekyo/prettier-max

    #typescript #prettier #vite

  20. prettier-max 1.9.0:

    It is a very simple Vite plugin that automatically formats your code with Prettier during the build process. It also includes TypeScript validation to ensure your code is more safer.

    Key features:

    * Automatic Prettier formatting on build start
    * When using TypeScript, post-formatting TypeScript type checking. Additionally, JSDoc deprecation (@deprecated) can also be checked.

    #typescript #prettier #vite

    github.com/kekyo/prettier-max

  21. Настройка ESLint и Prettier в веб-приложении на Next.js и TypeScript

    Когда команда разработчиков начинает активно расти, неизбежно возникают вопросы консистентности кода. Разные стили написания, различные подходы к форматированию и отсутствие единых стандартов могут серьезно замедлить разработку и усложнить поддержку проекта. В данной статье мы рассмотрим пошаговую настройку ESLint и Prettier на примере нашего веб-приложения, построенного на Next.js и TypeScript.

    habr.com/ru/articles/943846/

    #ESLint #Prettier #Nextjs #TypeScript #Линтинг_кода #Настройка_окружения

  22. prettier-max is released.

    prettier-max is a very simple Vite plugin that automatically formats your code with Prettier during the build process. It also includes TypeScript validation to ensure your code is type-safe before building.

    ESLint is complex and often throws its own configuration errors. For those who find basic auto-formatting and TypeScript type checking sufficient, this simple plugin may be useful.

    #prettier #typescript #vite

    github.com/kekyo/prettier-max

  23. I was surprised that Prettier only recently added a change that I considered a standard behaviour — format operators at the beginning, similar to commas, so commenting out a line won't lead to syntax errors #js #prettier #frontend #webdev

    prettier.io/blog/2025/02/09/3.

  24. 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

  25. Форматирование без боли: ESLint Stylistic вместо Prettier

    Привет, Хабр! Меня зовут Никита Ли, я Frontend-разработчик в группе Рунити. Так тяжело бывает удержаться от того, чтобы не усложнить себе жизнь, не так ли? Все любят смотреть на чистый и понятный код, но не все его таким пишут. Сделать его таким помогают наши друзья — форматировщики и линтеры. О них и пойдет речь в этой статье, а конкретно о ESLint Stylistic . Любой автор хочет, чтобы его кто-то читал, даже на JavaScript, но просматривать читателю хочется грамотный и красивый текст. ESLint анализирует код, выявляя ошибки, чтобы программы выходили из под клавиатуры чистыми и без ошибок. Prettier, в свою очередь, как инструмент форматирования делает текст исходного кода программ единообразным. Оба этих инструмента являются практически стандартом, когда речь заходит о качестве кода. Думаю, что многие сталкивались в проектах с их одновременным применением, что в целом логично — форматирование != линтинг. Однако это решение не всегда обосновано, а зачастую излишне. В качестве альтернативы я предлагаю рассмотреть ESLint Stylistic. В этой статье разберемся, что это, откуда появился инструмент и почему с ним стоит познакомиться.

    habr.com/ru/companies/runity/a

    #eslint #prettier #линтеры #линтинг #форматирование_кода #frontend #javascript #качество_кода

  26. Как из каши импортов сделать сортированный список Frontend

    Всем привет! Меня зовут Владимир и работаю джуниор фронтенд разработчиком в одной из лучших компаний:) Сегодня хочу вам рассказать, как можно немного причесать ваш проект чтобы он выглядел более читабельным.

    habr.com/ru/articles/878638/

    #Frontend #react #nextjs #оптимизация #prettier #форматирование_кода #вебразработка #фронтенд

  27. Как из каши импортов сделать сортированный список Frontend

    Всем привет! Меня зовут Владимир и работаю джуниор фронтенд разработчиком в одной из лучших компаний:) Сегодня хочу вам рассказать, как можно немного причесать ваш проект чтобы он выглядел более читабельным.

    habr.com/ru/articles/878636/

    #Frontend #react #nextjs #оптимизация #prettier #форматирование_кода #вебразработка #фронтенд

  28. > we’ve reached a saturation point where the API surface is mostly settled, and everyone just wants “the same thing, but faster.” Hence the explosion of new tools that are nearly drop-in replacements for existing ones: #Rolldown for #Rollup, #Oxlint for #ESLint, #Biome for #Prettier, etc.

    nolanlawson.com/2024/10/20/why

    #JavaScript #webDev #programming

  29. Does anybody know a good code formatter for #HTML? I am looking for something like #ESLint Stylistic or #PHPCSFixer. And please don't suggest #Prettier, I know that it can format HTML as well, but I don't like that fact that they introduce changes in major versions that might reformat my entire code causing lots of conflicts in pull requests without the possibility to disable those changes.

  30. Does anybody know a good code formatter for #HTML? I am looking for something like #ESLint Stylistic or #PHPCSFixer. And please don't suggest #Prettier, I know that it can format HTML as well, but I don't like that fact that they introduce changes in major versions that might reformat my entire code causing lots of conflicts in pull requests without the possibility to disable those changes.

  31. One of the major areas in which #PhpCsFixer isn't fully featured enough is line length rules.

    I know this is incredibly difficult, especially if you make it configurable in any way. But that doesn't mean I don't want it 🤷‍♀️

    When I'm working with #PHP I really miss what #Prettier does for #JS.

  32. One of the major areas in which isn't fully featured enough is line length rules.

    I know this is incredibly difficult, especially if you make it configurable in any way. But that doesn't mean I don't want it 🤷‍♀️

    When I'm working with I really miss what does for .

  33. Spicy take: If your software development team is using Prettier, you should set it to indent with tabs, not spaces.

    That makes it easy for everyone to set whatever indentation depth they want, and even adjust it if they feel the need. Someone who can pick out a 4-column indent better than 2 will have trouble reading that "indented with 2 spaces" stuff, but tabs let everyone coexist.

    #SoftwareDevelopment #coding #programming #webdev #code #Prettier #indentation

  34. Das Open-Source-Tool soll für einen einheitlichen Coding-Stil sorgen und kann mit den neuen Syntax-Features von TypeScript 4.5 umgehen.
    Codeformatierung: Prettier 2.5 formatiert neue TypeScript-Syntax