Modular JavaScript in AEM using Webpack

AEM’s out-of-the-box tools can't keep up with the rapidly advancing front end world. And that slows your team down. I share how we – at Infield Digital – promote modular and reusable code, and how Webpack smoothly fits into Adobe Experience Manager. Written version of my talk: http://www.infielddigital.com/blog/webpack-in-aem/

Transcript

1. Modular JavaScript in AEM using Webpack Kevin Weber
2. Jest vs.
3. 1. Webpack in AEM 2. JavaScript Classes 3. JavaScript Modules
6. Example Open Source. github.com/infielddigital
9. 1. Webpack in AEM 2. JavaScript Classes 3. JavaScript Modules
10. Classes Easier. More precise.
11. Classes Easier. More precise.
12. 1. Webpack in AEM 2. JavaScript Classes 3. JavaScript Modules
13. Modules a) Generic b) Specific to AEM component
14. Modules a) Generic b) Specific to AEM component
15. 1 2 3 4 5 6 7 8 9 10 11 12 13
16. 1 2 3 4 5 6 7 8 9 10 11 12 13
18. ∞ Bonus
19. AEM Front Live-reload your page. kevinw.de/aem-front
20. ∞ Open Discussion Kevin Weber | Let’s connect: kevinw.de/linkedin