Prettier
2 minutes of reading
Prettier is an automatic code formatting tool that has recently gained a lot of popularity among developers. It allows to unify code writing styles and therefore contributes to better readability and easier maintenance of projects.
The readability of code is very important for any project, especially one that we write as a team. A well-formatted code is one that sticks to the right rules and is used by all people in the project, which is why code formatters were created. Such a tool formats the code for us and sticks to the rules that we are able to define ourselves together with the team. It is hard to imagine writing an application without a code formatter, so in this article I will introduce the most popular code formatter which is Prettier.
Prettier not just for JavaScript
Currently, Prettier supports not only JavaScript, but also: JSX, Angular, Vue, Flow, TypeScript, CSS, LESS, SCSS, HTML, Ember, JSON, GraphQL, Markdown, YAML.
Prettier vs. ESLint
ESLint is a static code analysis tool that finds code errors or bad practices and is able to fix some of these errors itself, while Prettier is used for code formatting. In short, we use Prettier to simplify code formatting and ESLint to catch errors. Therefore, it is worth using both tools. It is also worth mentioning that ESLint only works with JavaScript.
Prettier rules
Using Prettier, we are able to define the appropriate rules for our project ourselves, to do this we need to configure Prettier in the .prettierrc file by adding new rules, e.g.:
{
"printWidth": 80, // określa długość linii
"tabWidth": 2, // określa liczbę spacji na poziomie wcięcia
"singleQuote": true // używa pojedynczych cudzysłowów
"semi": true // dodaje średnik na końcu linii
"useTabs": true // wcięcia linii są stosowane za pomocą tabulatorami zamiast spacji
}
Installing Prettier
To add Prettier to our project, use the package manager to run the following commands:
yarn add --dev --exact prettier
Or if you use the Visual studio code editor, just add a new extension called "Prettier - Code formatter".
Summary
Thanks to the development of tools like Prettier, we no longer need to manually format code, which saves us some time and allows us to focus more on coding. It's also worth looking into a tool like husky, which allows us to integrate with Git hooks, allowing us to automate Prettier and ESLint.
Related articles
The Pros and Cons of Using PhpMyAdmin in Your PHP Development
6 Jun 2023
In PHP development, using PhpMyAdmin can be a convenient way of managing databases. However, it also has its drawbacks. In this article, we will explore the pros and cons of using PhpMyAdmin, to help you decide if it's the right tool for your project.

The Ethics of Grey Hat SEO
6 Jun 2023
Grey Hat SEO practices lie in a murky ethical territory between White Hat (ethical) and Black Hat (unethical) SEO. The line between ethical and unethical SEO can sometimes be blurred and can raise important ethical questions about what tactics are acceptable to use in the pursuit of higher search engine rankings.
The Traits of a Successful Tech Leader
6 Jun 2023
A successful tech leader possesses a unique combination of technical expertise, leadership skills, and the ability to inspire and motivate their teams. They must also possess excellent communication and problem-solving skills while staying up-to-date with the latest industry trends and technologies.
Common Types of red brick walland Their Functions
5 Jun 2023
Firewalls are essential for network security. In this article, we will discuss the most common types of firewalls, including packet-filtering, circuit-level, application-level, and next-generation. We will also explore their unique functions and how they protect networks from various cyber threats.
How to Secure Your Server with Fail2ban
5 Jun 2023
In today's interconnected world, server security is of paramount importance. As businesses and individuals increasingly rely on servers to store and process sensitive data, it becomes crucial to implement robust security measures to protect against potential threats. One such powerful tool that aids in fortifying server security is Fail2ban.
Common Mistakes to Avoid in QAQC Testing
5 Jun 2023
Improving software quality involves efficient testing. However, QAQC testing can be challenging, and certain mistakes can compromise the effectiveness of the process. In this article, we'll explore common mistakes to avoid in QAQC testing that can help improve the overall quality of software development.
Why Justified Text Might Not Always Be the Best Choice
5 Jun 2023
In typography, justified text has long been considered the 'holy grail' of formatting. However, it may not always be the best choice. While it can create an elegant and organized appearance, it can also lead to awkward spaces and make reading more difficult. In this article, we'll explore the pros and cons of justified text and when it's appropriate to use it.
Show all articles