Automated Angular 2
Style Checking with
Codelyzer
github.com/mgechev
twitter.com/mgechev
blog.mgechev.com
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
agenda
Slide 6
Slide 6 text
story time
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
– angular.io
“…a list of guidelines on building
Angular applications…”
Angular style guide
Slide 11
Slide 11 text
– angular.io
Angular style guide
“…a list of guidelines on building
Angular applications…”
Slide 12
Slide 12 text
Using style guide in
your project
Slide 13
Slide 13 text
Enforcing common style
• Fork the official style guide
• Modify the styles according to your needs
• Introduce the style guide to your team
• Verify that each individual code change follows it
Slide 14
Slide 14 text
Enforcing common style
• Fork the official style guide
• Modify the styles according to your needs
• Introduce the style guide to your team
• Verify that each individual code change follows it
Slide 15
Slide 15 text
Enforcing common style
• Fork the official style guide
• Modify the styles according to your needs
• Introduce the style guide to the rest of your team
• Verify that each individual code change follows it
Slide 16
Slide 16 text
Enforcing common style
• Fork the official style guide
• Modify the styles according to your needs
• Introduce the style guide to the rest of your team
• Verify that each individual code change follows it
Slide 17
Slide 17 text
Code review
process
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
manual
boring
error-prone
Slide 20
Slide 20 text
introducing codelyzer
Slide 21
Slide 21 text
codelyzer
“codelyzer is a project which aims to
enforce common style, verify quality of
your program”