{"id":1239,"date":"2022-05-01T10:16:13","date_gmt":"2022-05-01T09:16:13","guid":{"rendered":"https:\/\/www.muratyaman.co.uk\/blog\/?p=1239"},"modified":"2022-05-01T11:45:21","modified_gmt":"2022-05-01T10:45:21","slug":"prettier-or-not","status":"publish","type":"post","link":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/2022\/05\/prettier-or-not\/","title":{"rendered":"Prettier or not"},"content":{"rendered":"

Prettier<\/strong> or not: you decide!<\/p>\n

Here is a piece of TypeScript<\/strong> code before and after using prettier. IMHO: if you want to ruin<\/strong> your code in a second, use prettier! I did not even use very long lines of code, and set the limit to the recommended 80 characters!<\/p>\n

BEFORE:<\/p>\n

\"\"<\/p>\n

AFTER:<\/p>\n

\"\"<\/p>\n

If your programmers<\/strong> cannot write code properly\/dev-friendly, you have more serious issues<\/strong> than linters<\/strong>, code formatters<\/strong> and their settings!<\/p>\n

If you want to write code in a dictatorship<\/strong>, continue using prettier!<\/p>\n

Writing code is art<\/strong>, like painting<\/strong> on canvas<\/strong>: until we see computers<\/strong> \/ robots<\/strong> painting like humans, I will not let my team’s code be ruined by code formatters!<\/p>\n

https:\/\/www.npmjs.com\/package\/prettier<\/a><\/p>\n

To me, it’s just another unnecessary piece of over-engineered tool.<\/p>\n

Think about it: it is like someone always stopping you while you are talking, and correcting everything you say.<\/p>\n

People should spend their time on better things, life is short :)))<\/p>\n

You can agree with your team and possibly follow industry standards<\/strong> as much as possible and document it – not a long document – like ESLint with “recommended” settings. ESLint can give you warnings that you may choose to act on them. Readable code is much more important because it reduces time required to onboard new members, transfer knowledge, maintain code and fix bugs. Any waste of developer’s time is additional cost for the company – we can avoid easily. At the moment, IMHO, tools like prettier are not good enough.<\/p>\n

https:\/\/www.npmjs.com\/package\/eslint<\/a><\/p>\n

Another excuse is consistency<\/strong> which is great but there should be room for exceptions as well esp. when we are integrating multiple systems with different styles, and we could write less code and comprehensible code in one function just by avoiding input\/output adaptation<\/strong> – that adaptation is usually excused because we do not like PascalCase<\/strong>, camelCase<\/strong> or lower_snake_case<\/strong> etc. BTW, I do not twitch<\/strong> when I see lines of code which has both styles :))) Input\/Output adaptation will also degrade system performance<\/strong>.<\/p>\n

I think this topic (Writing Beautiful Code)<\/strong> is one of the important aspects to consider, if one wants to increase his\/her “indispensability<\/strong>” score in the company. (Please note that I have worked for companies where people do not share their knowledge.)<\/p>\n

We also know that code linters and formatters will not rename<\/strong> our variables<\/strong>, constants<\/strong>, functions<\/strong> and models<\/strong>, yet. They will not make very long and chained expressions<\/strong> shorter and more meaningful. But if we write code that is easy to read and understand, everyone will enjoy their job and excel at it. Even the code will not require too many comments<\/strong>.<\/p>\n

Here is a quick one:<\/p>\n

\r\nif (calculateAge(new Date(u.dob)) > 18 && u.ccode === 'GB' && (u.status === 'pending') && (u.tac === 1)) {\r\n  u.status = 'active';\r\n  save(u);\r\n}\r\n<\/pre>\n
vs<\/p>\n
\r\nif (user.canRegister()) user.register(); \/\/ much simpler\r\n\r\n\r\n\r\nclass User {\r\n  canRegister(): boolean {\r\n    return this.isAccountPending()\r\n      && this.hasAgreedTermsAndConditions()\r\n      && this.isLegallyAdult();\r\n  }\r\n  register(): boolean {\r\n    this.status = UserStatusEnum.Active;\r\n    return this.db.update(this);\r\n  }\r\n  isAccountPending(): boolean {\r\n    return this.status === UserStatusEnum.Pending;\r\n  }\r\n  hasAgreedTermsAndConditions(): boolean {\r\n    return this.tac !== 0;\r\n  }\r\n  age(): number {\r\n    return calculateAge(new Date(this.dob));\r\n  }\r\n  countryCode(): string {\r\n    return this.ccode;\r\n  }\r\n  isLegallyAdult(): boolean {\r\n    return this.age() >= countryAgeLimit[this.countryCode()];\r\n  }\r\n}\r\nconst countryAgeLimit = {\r\n  GB: 18,\r\n}\r\nenum UserStatusEnum {\r\n  Pending,\r\n  Active,\r\n}\r\nfunction calculateAge(dob: Date): number {\r\n  const diffInMs  = Date.now() - dob.getTime();\r\n  const ageAsDate = new Date(diffInMs);\r\n  return Math.abs(ageAsDate.getUTCFullYear() - 1970);\r\n}\r\n<\/pre>\n
I hope that helps.<\/p>\n
Enjoy coding! \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
prettier or not: you decide! Here is a piece of TypeScript code before and after using prettier.<\/p>\n","protected":false},"author":2,"featured_media":1255,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[228,227,201],"class_list":["post-1239","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-formatters","tag-linters","tag-typescript"],"_links":{"self":[{"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=1239"}],"version-history":[{"count":18,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1239\/revisions"}],"predecessor-version":[{"id":1272,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1239\/revisions\/1272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/1255"}],"wp:attachment":[{"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.muratyaman.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}