web-dev-qa-db-fra.com

Guides de style AngularJS - Todd Motto vs John Papa vs Minko Gechev

Angular est un nouveau venu et j'aimerais apprendre les bonnes pratiques dès le début. J'ai rencontré trois guides de style angulaires et ils semblent tous excellents. J'aimerais savoir lequel serait le mieux pour moi d'adopter, mais je ne suis pas en mesure d'en juger, car je n'ai que peu d'expérience des grandes applications angulaires.

Alors lequel est le meilleur? Ou même si ce n'est pas mieux, alors plus intuitif/causant moins de problèmes pendant le développement? Certains d’entre vous ont peut-être une expérience de chacun d’entre eux et peuvent souligner leurs avantages et leurs inconvénients?

Liens:

javascriptangularjscoding-style
45
zorza

J'ai consulté les guides de Motto et Papa et 90% du temps, ils sont d'accord sur les mêmes guides et les mêmes usages. La devise est courte et facile à suivre, Papa est longue mais couvre presque tout. Je pense que vous feriez mieux de commencer par l’un ou l’autre (de préférence plus court) et quand vous arriverez à quelque chose de nouveau (ex: vous ne pouvez pas appliquer une directive au début mais après quelque temps), alors lisez la section directives. N'essayez pas de tout lire de haut en bas car cela pourrait vous dérouter. Commencez avec le plus nécessaire pour commencer à coder l'application.

  • structure de fichier (Minko) - Structure d'application (Papa)
  • IIFE (Papa)
  • modules (Motto, Papa) - Modularité (Papa)
  • déclaration du responsable du traitement et meilleures pratiques (devise, Papa)
  • déclaration de services et bonnes pratiques (Motto, Papa)
  • commentaires (Motto, Papa)
  • Nommer (Papa)

Celles-ci devraient vous suffire pour commencer et effectuer l'essentiel de votre travail de développement avec Angular, puis lorsque vous arrivez dans une nouvelle zone d'angular - par exemple, si vous envisagez de construire une directive -, alors lisez cette section de ces guides. Sinon, vous passerez des jours à lire et à réfléchir sur les guides sans faire de travail. À moins que vous ne l'utilisiez, vous ne verrez pas le meilleur moyen de mettre en œuvre quelque chose par vous-même, sans parler des raisons des meilleures pratiques.

31
Tekz

En juillet 2016, un seul guide de style est vraiment à jour en ce qui concerne le défi de préparer nos applications AngularJS pour Angular 2. C'est le guide de style de Todd Motto. De nombreuses retouches ont été effectuées en juin (vérifiez l’activité de validation: https://github.com/toddmotto/angular-styleguide/graphs/commit-activity )

Il a tout ce que vous pouvez attendre d'un guide de style en 2016, y compris:

  • ES2015
  • AngularJS 1.5.x
  • module.component ()
  • flux de données à sens unique
  • composants stateful/stateless
  • etc...

En outre, vérifiez ce projet génial, il suit presque toutes les règles des directives de Todd Motto:

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

12
Mikael Couzic

Tout le monde devrait avoir une vision à long terme. En d’autres termes, commencez petit, mais gardez à l’esprit que l’application se dirige vers l’avenir.

John Papa fournit la meilleure structure de fichiers selon moi, ainsi que de nombreux cadres utiles tels que YEOMAN suit John Papa, une sorte de structure d'application.

Les principales caractéristiques de John Papa sont les suivantes:

  1. Un composant par fichier facilite les tests unitaires et les moqueries. 

  2. Un composant par fichier facilite la lecture, la maintenance et l’évitement des conflits avec les équipes en contrôle de source. 

  3. Un composant par fichier évite les bugs cachés qui surviennent souvent lors de la combinaison de composants dans un fichier où ils peuvent partager des variables, créer des fermetures indésirables ou un couplage non souhaité avec des dépendances.

0
user5930953