AngularJS Style Guides - Todd Motto vs John Papa vs Minko Gechev

I have gone through Motto's and Papa's guides and 90% of the time they agree on same guides and usage. Motto's is short and easy to follow, Papa's is long but covers almost everything. I think you better be start with either of them (preferably shorter one) and when you comes to new thing (ex: you may not implementing directive at first but after sometime) then go and read directives section. Don't try to read everything top to bottom as it may confuse you. Start with most needed ones you to go and start coding the application.

  • file structure (Minko) - Application Structure (Papa)
  • IIFE (Papa)
  • modules (Motto, Papa) - Modularity (Papa)
  • controller declaration and best practices (Motto, Papa)
  • services declaration and best practices (Motto, Papa)
  • comments (Motto, Papa)
  • Naming (Papa)

These should be enough you to start and do most of your development work with Angular, then when you come to new area of angular--say if you're planning to build directive--then go and read that section on those guides. Otherwise you will just spend days reading and thinking about guides without doing actual work. Unless you do use it you won't see the best way to implement something by yourself moreover reasons behind the best practices.


In July 2016, only one style guide is really up-to-date regarding the challenge of making our AngularJS applications ready for Angular 2. And that is Todd Motto's style guide. A lot of rework has been done in June (just check the commit activity : https://github.com/toddmotto/angular-styleguide/graphs/commit-activity)

It has everything you would expect from a style guide in 2016, including :

  • ES2015
  • AngularJS 1.5.x
  • module.component()
  • one-way dataflow
  • stateful/stateless components
  • etc...

Also, check this awesome seed project, it follows almost every rule in Todd Motto's guidelines :

https://github.com/AngularClass/NG6-starter