Как мы ускорили разработку 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

https://habr.com/ru/articles/1049908/

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

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

О Себе Занимаюсь разработкой уже более 10 лет. За это время побывал на разных позициях начиная от рядового разработчика до руководителя Frontend департамента. До этого несколько лет в финтехе: проекты...

Хабр

🚨 NEWS: TypeScript Interface vs Type — Differenze Pratiche per Non Sbagliare

Ecco i punti chiave in breve:
💡 Ti è mai capitato di guardare un codice TypeScript e chiederti: «Ma qui usano interface o type? Perché?» — e la risposta non era mai chiara. In tanti progetti che ci arrivano come consulenti —...

🚀 LINK: https://meteoraweb.com/sviluppo-di-siti-web/typescript-interface-vs-type-differenze-pratiche-per-non-sbagliare

#typescript #interface #eSLint #typeAlias #declarationMerging

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

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

https://habr.com/ru/companies/otus/articles/1048504/

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

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

TL;DR ИИ-агент заново собрал приложение на TypeScript, Next.js и React, а качество кода проверялось набором сенсоров: линтерами, правилами зависимостей, AI-ревью модульности, покрытием тестами и...

Хабр
GitHub - lumirlumir/npm-eslint-markdown: Lint your Markdown with ESLint. Additional rules for use with `@eslint/markdown`.🛠️

Lint your Markdown with ESLint. Additional rules for use with `@eslint/markdown`.🛠️ - lumirlumir/npm-eslint-markdown

GitHub

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

https://magicmarcy.de/angular-react-vue-und-mehr-so-ordnest-du-die-frontend-begriffe-endlich-richtig-ein

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

Angular, React, Vue und mehr: So ordnest du die Frontend-Begriffe endlich richtig ein | magicmarcy.de

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 gleichen Projekt auf, aber nicht alles ist dasselbe. Manche Begriffe beschreiben eine Sprache, andere ein Framework, wieder andere eine Laufzeit oder ein Werkzeug.

magicmarcy.de
Howto Catch Risky JavaScript Bugs with eslint-plugin-security https://jsdev.space/howto/eslint-plugin-security/ #javascript #eslint
Howto Catch Risky JavaScript Bugs with eslint-plugin-security

Learn how to use eslint-plugin-security to detect dangerous JavaScript patterns, unsafe Node.js code, dynamic execution, and hidden security mistakes.

JavaScript Development Space

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

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

https://habr.com/ru/articles/1038340/

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

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

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

Хабр
GitHub - standard/standard: 🌟 JavaScript Style Guide, with linter & automatic code fixer

🌟 JavaScript Style Guide, with linter & automatic code fixer - standard/standard

GitHub
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

I would describe a significant number of ESLint rules as primarily passive-aggressive.

I never want to see no-explicit-any enabled. If I use `any` it’s because I have a good reason. It’s obvious that something unsafe is happening! I used the keyword that makes unsafe things happen! Putting an eslint-ignore above it is redundant. The best explanation I have for why someone might enable this rule is that they want to annoy other devs who they feel are over-using unsafe patterns, but don’t want to engage in a productive conversation about this.

Want to know a great rule? no-unsafe-type-assertion. Sometimes `as` is safe and sometimes it is not. This is exactly when it should be required to add a comment, drawing attention to unsafety when it might slip by unnoticed.

ESLint configurations should assume good intent. I want rules that make invisible problems visible, not rules which nag other devs for not writing code in my exact style. Approximating a neutral third party via a blessed tool configuration is not a substitute for healthy communication.

#eslint #TypeScript