В предыдущем посте я рассмотрел настройку NPM, Webpack, Babel и ReactJS в проекте NodeJS. Еще одна важная часть экосистемы Full-Stack JavaScript - ESLint . В этом посте я расскажу, что такое ESLint, какие проблемы он решает и как его настроить. Статический анализ, линтинг и ESLint В компьютерном программировании статический анализ относится к идее анализа исходного кода без фактического выполнения этого кода. Линтинг - это тип статического анализа, который ищет проблемные..

Почему 👉 Предотвращение совершения неверного кода. Это самый дешевый способ убедиться, что ваш код действителен. Настраивать Красивее Eslint StyleLint Возможность проверки кода локально Автоматический запуск проверки кода с помощью Husky и lint-staged 🛠 1. Красивее Сделайте стиль кода проекта более последовательным Прекратить спор о стилях кодирования между разработчиками 🐨 Зависимости npm install -D prettier 🐨 Конфигурация Попробуйте Playground и..

SonarQube — это платформа с открытым исходным кодом, разработанная SonarSource для непрерывной проверки качества кода. Sonar выполняет статический анализ кода , который предоставляет подробный отчет об ошибках, запахах кода, уязвимостях и дублировании кода. Он поддерживает множество языков благодаря встроенным наборам правил, а также может быть расширен с помощью различных плагинов. В этой статье мы опишем, как настроить плагин sonarqube для проекта javascript. Предпосылки:..

Webpack — устранение длинных импортов — Часть 2 Это вторая часть серии. Если вас интересует настройка Webpack, чтобы избавиться от запутанно длинных инструкций в начале файлов, рекомендую прочитать предыдущую статью . В этом разделе мы рассмотрим конкретные настройки, связанные с Jest и ESlint . Это единственные библиотеки, с которыми я столкнулся на своем пути с функцией Webpack. Давайте погрузимся! Шутка Вполне естественно писать модульные тесты для нужных компонентов..

Фон Мы начали наше путешествие по TypeScript где-то в прошлом году, где все началось (как и большинство проектов) с JavaScript в качестве основного языка для всех наших новых проектов. Позже я расскажу о миграции с PHP на NodeJS в отдельном посте. Имея хороший контроль над JavaScript, пришло время сделать следующий шаг, то есть TypeScript, и именно это мы сделали с совершенно новым проектом. Это стал первым проектом SAFE, полностью написанным на TypeScript (фронтенд тоже был React..

Почему линтинг? 🤔 Javascript — отличный язык, однако, поскольку он гибкий, есть вероятность написать плохой код и закопаться в яму. Javascript – это динамический язык с нечеткой типизацией, а это означает, что многое может пойти не так, поэтому ESLint очень полезен, поскольку он анализирует ваш код, не выполняя его . ESLint – это инструмент для проверки качества кода , задачей которого является сканирование файлов вашего проекта и выявление потенциальных проблем. Проблемы могут быть..