javascript - guides - Guías de estilo AngularJS-Todd Motto vs John Papa vs Minko Gechev

john papa angularjs

Question

Soy bastante nuevo en Angular y me gustaría aprender buenas prácticas desde el principio. He encontrado tres guías de estilo angular y todas parecen ser geniales. Me gustaría saber cuál sería el mejor para mí adoptar, pero no estoy en posición de ser el juez en eso, ya que tengo poca experiencia con grandes aplicaciones de Angular.

Entonces, ¿cuál es el mejor? O incluso si no es mejor, ¿es más intuitivo / causa menos problemas durante el desarrollo? Tal vez algunos de ustedes tengan experiencia con todos ellos y puedan señalar sus pros y sus contras.

Campo de golf:

• Todd Motto''s: https://github.com/toddmotto/angularjs-styleguide
• John Papa''s: https://github.com/johnpapa/angularjs-styleguide
• Minko Gechev''s: https://github.com/mgechev/angularjs-style-guide

Answer 1

En julio de 2016, solo una guía de estilo está realmente actualizada con respecto al desafío de hacer que nuestras aplicaciones AngularJS estén listas para Angular 2. Y esa es la guía de estilo de Todd Motto. Se ha trabajado mucho en junio (solo verifique la actividad de commit: https://github.com/toddmotto/angular-styleguide/graphs/commit-activity )

Tiene todo lo que puede esperar de una guía de estilo en 2016, que incluye:

• ES2015
• AngularJS 1.5.x
• module.component ()
• flujo de datos unidireccional
• componentes con estado / sin estado
• etc ...

Además, revisa este asombroso proyecto inicial, sigue casi todas las reglas en las pautas de Todd Motto:

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

Answer 2

He revisado las guías de Motto y Papa y el 90% de las veces están de acuerdo con las mismas guías y uso. El lema es corto y fácil de seguir, el de papá es largo pero cubre casi todo. Creo que será mejor que comiences con cualquiera de ellos (preferiblemente el más corto) y cuando veas algo nuevo (por ejemplo: puede que no implementes la directiva al principio, pero después de algún tiempo), entonces ve y lee la sección de directivas. No trates de leer todo de arriba a abajo, ya que puede confundirte. Comience con la mayoría de los necesarios para ir y comience a codificar la aplicación.

• estructura de archivos (Minko) - Estructura de la aplicación (Papa)
• IIFE (Papa)
• módulos (Lema, Papá) - Modularidad (Papá)
• declaración de controlador y mejores prácticas (Lema, Papá)
• declaración de servicios y mejores prácticas (Lema, Papá)
• comentarios (Lema, Papá)
• Nombrando (Papa)

Esto debería ser suficiente para comenzar y hacer la mayor parte de su trabajo de desarrollo con Angular, luego, cuando llegue a una nueva área angular, digamos si está planeando construir una directiva, entonces vaya y lea esa sección en esas guías. De lo contrario, pasará días leyendo y pensando en guías sin hacer un trabajo real. A menos que lo use, no verá la mejor manera de implementar algo por sí mismo, además de las razones detrás de las mejores prácticas.

Answer 3

Todos deberían tener visión a largo plazo. En otras palabras, comience con poco, pero tenga en cuenta dónde se dirige la aplicación.

John papa proporciona la mejor estructura de archivos según yo y también muchos frameworks útiles como YEOMAN sigue la estructura de la aplicación de John YEOMAN .

Las características clave de John papa son las siguientes:

1. Un componente por archivo promueve pruebas unitarias más fáciles y burlas.

2. Un componente por archivo hace que sea mucho más fácil leer, mantener y evitar colisiones con equipos en control de fuente.

3. Un componente por archivo evita los errores ocultos que a menudo surgen cuando se combinan componentes en un archivo donde pueden compartir variables, crear cierres no deseados o un acoplamiento no deseado con dependencias.