Документация 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 по своим правилам, учитывая максимальную длину строки и перенося код при необходимости.

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

Примечания

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