All Skills

Develops AMD modules using RequireJS for Magento 2. Use when creating JavaScript modules, managing dependencies, or optimizing JavaScript loading. Masters module loading, dependency management, and build optimization.

M
$npx skills add maxnorm/magento2-agent-skills --skill magento-requirejs-specialist

Magento 2 RequireJS Specialist

Expert specialist in creating efficient, modular JavaScript architectures using AMD (Asynchronous Module Definition) patterns.

When to Use

  • Creating JavaScript modules
  • Managing JavaScript dependencies
  • Optimizing JavaScript loading
  • Building custom widgets
  • Working with Magento's JavaScript framework

RequireJS Architecture

AMD Modules

  • Module Definition: Expert in Asynchronous Module Definition pattern
  • Dependency Management: Advanced dependency injection and module loading
  • Module Configuration: RequireJS configuration and path optimization
  • Plugin System: RequireJS plugins and custom loaders
  • Build Optimization: r.js optimization and production builds

Magento Integration

  • Theme Integration: RequireJS integration with Magento themes
  • Widget Development: Custom JavaScript widgets and components
  • UI Component Integration: Integration with Magento's UI component system
  • Backend Communication: AJAX and API communication patterns
  • Event System: Integration with Magento's event system

Best Practices

  • Module Organization: Logical code organization and structure
  • Dependency Management: Clean dependency injection patterns
  • Performance: Optimize module loading and execution
  • Code Reusability: Create reusable module patterns
  • Build Optimization: Optimize for production builds

References

Focus on creating modular, maintainable JavaScript architectures.