This document contains the slides and script for a presentation titled "Clean JavaScript Code: An Oxymoron?" The presentation discusses different aspects of writing clean JavaScript code, including linting and formatting tools, naming conventions, design patterns, testing, code reviews, and static code analysis. It acknowledges that clean code is subjective and there are always tradeoffs to consider. The goal is to spark discussion on how to best measure clean code.

1. Nov 20-21, 2020Sofia
const title = `Clean JavaScript Code: An Oxymoron?`;
const speakerInfo = {
name: ’Lyubomir Bozhinov’,
title: ‘Lead Software Engineer’
company: ‘EPAM’
other: `Lead Software Engineer. Author. Speaker. But most
importantly, a tinkerer at heart, who believes one
should always leave the code better than they found it - and
apply the same to everything.`
};

2. Nov 20-21, 2020
Thanks to our Sponsors:
General Sponsor:
Trusted Sponsor:
Innovation Sponsor:
Silver Sponsor:
Gold Sponsors:
Platinum Sponsors:
Bronze Sponsors:
Technology Partners:

3. Nov 20-21, 2020
About me
So, yeah, I write code for a living.

4. Nov 20-21, 2020
About me
Sometimes it’s good.

5. Nov 20-21, 2020
Intro
We all know the jokes…

6. Nov 20-21, 2020
Intro
Recipe for an epic night and a terrible morning.

7. Nov 20-21, 2020
The Main Idea
There are always trade-offs.

8. Nov 20-21, 2020
Disclaimer #0: A Good Talk
We have time for one. Let’s see which! ;D

9. Nov 20-21, 2020
Disclaimer #1: !Refactoring
We won’t talk about refactoring - that’s a tale for another time.

10. Nov 20-21, 2020
The Main Question
What does clean JavaScript code actually
mean?

11. Nov 20-21, 2020
Hint, Lint, Prettier?
v
+

12. Nov 20-21, 2020
ES6+ only?
Just don’t use vars. Please.

13. Nov 20-21, 2020
Names Matter
firstNum
second_num
ThirdNum
fourth-num
FiFThnUM

14. Nov 20-21, 2020
Abbreviate!
• KISS
• DRY/DIE
• YAGNI
• SOLID

15. Nov 20-21, 2020
Patterns
You need to know your Factories and Singletons!

16. Nov 20-21, 2020
The ‘Perfect Architecture'
But we all know that such a thing doesn’t exist, don’t we?

17. Nov 20-21, 2020
Testing!
Does a hundred percent test coverage make your code clean?
Yes and no.

18. Nov 20-21, 2020
Reviewing Code
How many devs does it take to merge a PR?
No joke, just asking.

19. Nov 20-21, 2020
CI/CD
Two out of these three make the process fun.
Guess which one is the Impostor.

20. Nov 20-21, 2020
Commit Hooks
Husky is an easy and powerful way to use .git hooks
to improve code quality.

21. Nov 20-21, 2020
More SCA Is Better, Right?
Everything that makes it easier to write
cleaner and safer code is welcome on our list.

22. Nov 20-21, 2020
Holy TypeScript!
Types are great! And we sure need them in the JS universe!

23. Nov 20-21, 2020
Compile, Compile, Compile!
Want to eliminate runtime errors? Use one of these.

24. Nov 20-21, 2020
The (Final?) Checklist
• Linting
• Prettier
• ES6+ only
• Consistent naming
• Fundamentals (e.g., SOLID)
• Design patterns
• Good architecture
• Testing!
• Code Reviews
• CI/CD
• .git hooks
• Static code analysis
• TypeScript
• Compiled framework

25. Nov 20-21, 2020
Disclaimer #2
The important thing is to never stop tinkering.

26. Nov 20-21, 2020
The WHY of This Talk
Tell me of a better way to measure how clean code is.

27. Nov 20-21, 2020
Thank you!
LinkedIn: https://www.linkedin.com/in/lyubomir-bozhinov/
Twitter: https://twitter.com/TheElegantDev