Meet The Expert: Good Bye Error, Hello Clean Code! @ QLUEPEDIA (9-2-2021)

Transcript

1. Good Bye Error, Hello Clean Code! Fitrahtur Rahman, Front End Web Developer
2. About Me Fitrahtur Rahman Bachelor of Mechanical Engineering Front End Web Developer Anode Furnace and Casting Mechanical Maintenance Engineer
3. “. . . the ratio of time spent reading vs. writing is well over 10:1. We are constantly reading old code as part of the effort to write new code.” ―Robert C. Martin
4. Technical Debt Icons source: Flaticon Image source: luxusworldwide.com The effect of prioritizing speedy delivery over optimal code vs
5. Clean Code Readable Maintainable Icons source: Flaticon Easy to understand, easy to change Low Technical Debt
6. Software Development Principles Icons source: Flaticon Keep it Simple You Ain’t Gonna Need It Rule of Three & Don’t Repeat Yourself The Boy Scout Rule Leave the code cleaner than you found it Always implement things when you actually need them 1, 2, refactor One thing at a time
7. Code Importing Levels External library Internal Library Parent directory Current directory Children directory
8. Clear & Purposeful Variable Names Icons source: Flaticon Avoid ambiguity
9. Avoid Side Effects Icons source: Flaticon Prevent unintended mutations
10. Default Parameter With default parameter Without default parameter
11. Efficient Conditional Statement for Boolean Icons source: Flaticon Straightforward truthy-falsy
12. Commit Messages Icons source: Flaticon • bug fix • add elements • done task • 10 jun • update • QP-123: remove character limit on description • SL-11: add timezone param for every API call • feat(forgot-password): handle redirect on answers submit • fix(user-profile): validate file type on avatar update • refactor(cart): rename variables Rule of thumb “This commit will ...” ConventionalCommits.org
13. Linter & Formatter Icons source: Flaticon Time saving Standardized code ESLint Prettier
14. Total Clients : 100+ ❏ 50+ Municipal City ❏ 30+ Provincial Government ❏ 20+ Office Buildings ❏ 10+ Apartment Buildings ❏ 10+ Residential / Industrial Complex ❏ 10+ Minister Level Office ❏ Others (malls, factories, telco, utilities) Public & Private Sectors Successful Collaborations
15. Let’s connect! Follow on social media: Qlue Smart City www.qlue.co.id