Я люблю Красиво Анкет
Вероятно, это единственный инструмент, который оказал наибольшее влияние на мою производительность как программиста (возможно, после GIT).
Для тех из вас, кто не знает, Creatier – это самоуверенный форматер кода для JavaScript/TypeScript, HTML, JSX и многое другое. Он легкий, требует почти конфигурации и автоматически форматирует код для вас. Прошли те дни, когда вы проводите половину своего дня, споря с коллегами, как гнездо гнездовать HTML, какова правильная длина линии, или есть ли строки иметь однодневные цитаты против двойных цитат.
Это моя более красивая конфигурация:
module.exports = {
printWidth: 80,
singleQuote: true,
trailingComma: 'es5',
};
Разве это не просто? Мои настройки немного самоуверенные, поэтому вы можете обойтись еще меньше!
Я использую VSCODE, поэтому я настраиваю все свои проекты для форматирования сохранения. Я настоятельно рекомендую вам сделать то же самое, если вы еще этого не сделали. Любая современная IDE должна обладать этой возможностью.
Есть странное удовольствие, увидев, что ваш искаженный JSX идеально подходит на свои места.
Участие в форматерах великолепны, потому что они устраняют текущие ботаники Flame War, а программисты любят иметь форматирование кода. Хотя это хорошо, что мы очень заботимся о качестве нашего кода, в целом это огромная трата времени. Поскольку мы начали использовать более Creatier в моей команде, отзывы о запросах Pull гораздо более эффективны, и у нас больше нет стилистических дискуссий. Один. неделю.
Нам нужно больше ценить наше время и осознать, что эти дискуссии – пустая трата времени. Хотя вы можете быть правы, что Божье намерение для строк – использовать двойные цитаты, это действительно не имеет значения Анкет Преимущество их использования уже перевешивается к тому времени, когда вы потратили впустую, обсуждая это. Оставьте эту дискуссию и умственную багаж в более красивую команду, я обещаю, что они уже Подумал о много мыслей к тому, что есть лучшие значения по умолчанию.
Краттейра не единственный форматер кода. Для Python я использую и люблю Черный Анкет Проверить Это GitHub Repo Для альтернатив на других языках.
Есть много способов обеспечить более красивую работу в вашей команде, кроме того, чтобы все настроили его в своей IDE. Если вы чисто команда фронта, вы можете использовать Husky и Lint-Clear Анкет Если вы работаете в команде с полным стеком или многоязычным, вы можете использовать Precommit Python Package запустить красивее как крючок перед набором. Это означает, что любые поэтапные файлы будут претендовать, когда вы совершаете использование GIT.
В прошлом я использовал Eslint В значительной степени в моих фронтальных проектах. Особенно с Конфигурация Airbnb , что имеет тенденцию быть очень строгим.
Проблема с Eslint в том, что она слишком настраивается. Это не решает стилистическую войну пламени. Это просто в конечном итоге добавляет параметры, которые нам действительно нужны меньше из. Как веб -разработчики, мы уже страдаем от Усталость к решению , необходимость выбора между фреймворками, сторонними библиотеками, управлением государством, различными параметрами стиля, REST против GraphQL, инструментами сборки и т. Д.
Пример усталости от решения Eslint от реального проекта:
rules: {
'react/no-unescaped-entities': 'off',
'no-restricted-syntax': 'off',
'no-continue': 'off',
'no-underscore-dangle': 'off',
'operator-linebreak': 'off',
'implicit-arrow-linebreak': 'off',
'react/destructuring-assignment': 'off',
'react/no-multi-comp': 'off',
'jsx-a11y/click-events-have-key-events': 'off',
'jsx-a11y/no-static-element-interactions': 'off',
'react/jsx-one-expression-per-line': 'off',
'lines-between-class-members': ['error', 'always', { exceptAfterSingleLine: true}],
'react/no-array-index-key': 'off',
}
Правила Eslint часто произвольно включаются/выключены на основе мнения людей. Либо это, либо вам нужно целое Readme, посвященное тому, почему определенные правила применяются, а другие – нет. Каждый раз, когда вы приносите нового разработчика, вы затем открываете эти решения для вопросов. Это слишком ненужная умственная утечка для всех.
Большая часть того, что Eslint обеспечивает соблюдение, не является автоматически исправляемой, в отличие от красителя. Это делает неуклюжим бегать в CI или в качестве крючка перед набором. Это требует от разработчика и попытаться исправить это самостоятельно, создавая дополнительную ручную работу. Исправление проблем с личинкой не является забавной частью кодирования.
Я все еще думаю, что у Eslint есть некоторые применения, однако с красивым я думаю, что они довольно минимальны. Моя конфигурация теперь в основном просто расширяется Eslint-Config-React-App (используется create-react-app ) и Eslint-Prettier (Чтобы избежать противоречивых претензий и правил Eslint), и я не касаюсь никаких дополнительных правил. Я мог видеть, что в конечном итоге избавляюсь от этого, как более красивое созревание.
Мой .eslintrc.js теперь выглядит так:
module.exports = {
extends: [
'react-app',
'plugin:prettier/recommended',
],
}
Простота недооценена.
Считали ли вы более красивые или самоуверенные форматер, чтобы быть столь же полезными для себя и вашей команды? Как вы думаете, Eslint (или дополнительная подкладка) необходима и способствует производительности?
Оригинал: “https://dev.to/g_abud/prettier-and-the-beauty-of-opinionated-code-formatters-pfg”