What is Prettier?

Prettier is a tool used by developers to streamline code formatting.

It removes all of the original styling from the native code and ensures that all of the outputted code conforms to a consistent style all throughout.

It enforces a consistent code styling across your whole database which does not affect AST. It basically takes the essence out of your original code, and rephrases it to conform to certain rules without affecting performance and greatly improving ability to recognize codes becuase they become simpler and prettier.

As of the moment, Prettier is helpful for developers who use the following set of tools:

• ES2017
• JSX
• Flow
• TypeScript
• Vue
• JSON
• CSS3+
• Less
• SCSS
• styled-components
• styled-jsx
• GraphQL
• GraphQL Schemas
• CommonMark
• GitHub Flavored Markdown

The team has also been working on the following tools to bring the Prettier essence onto them as well:

• Elm (via elm-format)
• Java
• PHP
• PostgreSQL
• Python
• Ruby
• Swift

---

To know more about the Open Source project Prettier, head over to their official website and explore!

https://prettier.io/

Their documentation section contains an in-depth explanation of what Prettier is and what it does with your codes.

---

Here's their github link:

• https://github.com/prettier/prettier

Some quick reviews over the web:

• https://github.com/airbnb/javascript/issues/1548
• https://hackernoon.com/speed-up-your-code-reviews-using-eslint-and-prettier-b00859910a8c

https://prettier.io/docs/en/index.html

That page also discusses this products usages, configuration and how-tos, technical details and other related projects.

---

Sample usage of Prettier in a YouTube video: