Команда из четырёх разработчиков столкнулась с путаницей в CSS, что привело к множеству конфликтов при работе над проектом. После анализов кода и попыток вспомнить установленные правила, решение пришло само собой — внедрение линтеров, которые помогли утвердить стандарты и избавиться от субъективизма.
Что произошло в команде
В начале работы команда обнаружила, что одни и те же компоненты стиля были написаны совершенно по-разному. Например, разные стили для карточек и модальных окон шли в разрез с серьёзными несоответствиями: z-index варьировался от 9 до 999, а цвета задавались в разном формате — от сырого hex до кастомных переменных. Все соглашения о стандартах быстро забывались, и это стало причиной для постоянных споров из-за отсутствия единого базиса.
Как линтер помогает
Линтеры не становятся уставшими, не забывают правила и не делают исключений. Если правило закреплено в линтере, код с ошибками просто не будет принят, пока не будут исправлены несоответствия. Благодаря этому разработчики могут сосредоточиться на решении основного контекста, а не на вспомогательных разногласиях с другими участниками.
Результаты внедрения
Теперь разработчики согласовали единый подход к стилям. Линтер выдаёт ошибку, если пытаются вписать произвольные пиксельные значения. Команда избавилась от споров и повысила производительность, что критично важно для разработчиков в России, которые стремятся к улучшению процессов и повышению качества продуктов.