Документация React Native

Prettier — это форматтер кода с собственным мнением о стиле, поддерживающий:

• JavaScript (включая экспериментальные возможности)
• JSX
• Angular
• Vue
• Flow
• TypeScript
• CSS, Less и SCSS
• HTML
• Ember/Handlebars
• JSON
• GraphQL
• Markdown, включая GFM и MDX v1
• YAML

Он удаляет все исходное форматирование* и гарантирует, что весь форматируемый код соответствует единому стилю. (См. эту публикацию в блоге)

Prettier перепечатывает ваш код с нуля, учитывая длину строки.

Например, возьмём следующий код:

foo(arg1, arg2, arg3, arg4);

Он помещается в одну строку, поэтому останется без изменений. Однако мы все сталкивались с такой ситуацией:

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

Внезапно прежний формат вызова функции перестаёт работать, потому что строка слишком длинная. Prettier выполнит кропотливую работу и перепечатает код за вас вот так:

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

Prettier обеспечивает единый стиль кода (то есть форматирование кода, которое не влияет на AST) во всей вашей кодовой базе, поскольку игнорирует исходное форматирование*, удаляя его при разборе, а затем перепечатывая разобранное AST по собственным правилам с учётом максимальной длины строки и перенося код при необходимости.

Если вы хотите узнать больше, эти два доклада на конференциях станут отличным введением:

Сноски

* На самом деле часть исходного форматирования сохраняется, если это целесообразно. См. пустые строки и многострочные объекты.