Привет! Несколько месяцев уже делаю приложения на реакте. Для форматирования кода использую eslint и prettier. Сейчас решил собрать проект с нуля и вот с чем столкнулся: для форматирования js, jsx я использую команду eslint --fix. Он может и двойные кавычки заменить на одинарные, и отступы сделать нужные и убрать лишние пустые строки, что как я думал делает prettier.
Подумал, что prettier подтянулся и настроился с create-react-app например, но в node_modules его нет. Собственно вопрос - зачем нужен prettier, если форматировать код может eslint в одиночку?
Собственно, достаточно вспомнить, что еслинт не может в автофикс длинных строк (рул max-len), а следовательно как основной форматтер он уже непригоден.
WbICHA, тут зависит от настроек линтеров. Если в конфиге eslint и в конфиге prettier только правило "заменять двойные кавычки на одинарные", то разницы не будет.
По собственным наблюдениям, форматирование js/jsx кода осуществляется только по следующим моментам: отступы (проблелы/табы и размер), кавычки, лишние строки, перенос строк и тп. С чем eslint прекрасно справляется в добавок к осуществлению своей главной функции - проверка кода
devdev10111, это лишь один из примеров.
Преттиер — это стандарт. Ты всегда знаешь как будет выглядеть любой код после преттиера. Небольшие нюансы в настройках, но там не разгуляешься.