Shopify Theme Base GitHub

Modularidad

La programación modular, permite a los desarrolladores dividir el código en fragmentos más concretos de funcionalidad.

Cada módulo describe una funcionalidad de manera más pequeña/precisa que un gran programa completo. Esto permite que la verificación, la depuración y las pruebas sean más sencillas. Los módulos, bien escritos proporcionan abstracciones sólidas y límites de encapsulación, de modo que, cada módulo contiene un diseño coherente y un propósito claro dentro de la aplicación general.

Patron modular

Teniendo en cuenta lo anterior, es importante garantizar buenas prácticas y legibilidad para el soporte de los temas, por tanto, es necesario modularizar los scripts de JavaScript con webpack

Pero, ¿Por qué modular nuestros scripts ?

  • Toda acción se encuentra dentro del módulo
  • No existen variables globales - Evitas problemas de SCOPE con aplicaciones muy grandes
  • Un módulo solo hace una cosa
  • Separa intereses y conceptos
  • DRY code: Un module no repite lo mismo
  • Uso eficiente del DOM - muy pocos selectores => $(selectores)
  • Menos uso de memoria
  • Eventos desvinculados

Algunas articulos relacionados:

Otros patrones:

Vea un breve tutorial:

video tutorial sobre modularidad en JS