fight the rot - refactor stinky javascript

Fight the RotRefactor stinky JavaScript

@damienklinnertDonnerstag, 18. Juli 13

a typical day?

• Mr. Wheatley, owner of Copy+Paste Inc., asks for a (simple) change in his web store

• backstage passes should rise by 3 points in quality, if there are less than 6 days to event

Donnerstag, 18. Juli 13

WAAAAAT???Donnerstag, 18. Juli 13

the hacky way ™


done!(?)git add * && git commit && git push


6 minutes passed now


Refactoring


step by step tut


done!(?)git add * && git commit && git push


refactoring is disciplined technique for restructuring an existing body of code, altering its internal structure without

changing its external behavior


refactoring

• break dependencies

• bring system under tests

• refactor

• add feature

• measure code quality


break dependencies

• factories, abstract factories

• dependency injection knit.js

• pass as parameter


add tests

• mocha, karma.js

• instrument with istanbul, js-coverage

• test current behavior, not expected


refactor

• few good tools around for js

• pair programming

tools sublime plugin, no really tools


add feature

• design patterns


measure code quality

• plato.js

• jscomplexity

• node-madge


clean code

• everything is pretty much what you expect

• documented

• as if by one and the same author

• following your style guide


bad code

• detect with jsmeter

• or jshint complexity settings

• not linted

• not tested

• complex


thank you!

follow me on twitter @damienklinnert


fight the rot - refactor stinky javascript

Technology