Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Front-End Architecture for Large Scale Apps - Amsterdam

Front-End Architecture for Large Scale Apps - Amsterdam

Gabriel Zigolis

September 16, 2015
Tweet

More Decks by Gabriel Zigolis

Other Decks in Technology

Transcript

  1. Gabriel Zigolis SCALE APPS LARGE FOR ARCHITECTURE FRONT-END

  2. Front-End Developer @Backbase @zigolis

  3. THE PROJECT SINCE 1972 +1K STORES +€ 1B /Y +12M

    ITEMS /Y
  4. CHALLENGE ACCEPTED EXPECTATION +5M PAGE VIEWS /MONTH SUPPORT OLD BROWSERS’

    VERSION (IE8 & 9) MOBILE FRIENDLY (RESPONSIVE AND LIGHT) 3G IN BRAZIL SUCKS! INTERFACE LOADING TIME: 1S
  5. SO HERE IS WHAT WE DID!

  6. MINIFY UGLIFY CRITICAL PATH VIRTUAL DOM OPTIMIZATION CACHE CDN AMD

    SVG SPRITE
  7. DEMAND ON CONTENT

  8. HAVING FUN WITH

  9. <body class="cart">

  10. var configMap = [module];

  11. require(bodyClass);

  12. GOING beyond the wall!!!

  13. COMMON JS FILES

  14. var configMap = [general];

  15. define (general, []);

  16. require(general);

  17. SO, LET’S in small pieces… THINK

  18. var configMap = [delivery];

  19. HAVING FUN WITH

  20. CartView();

  21. DeliveryView();

  22. None
  23. WE do more… CAN

  24. slideshare speakerdeck github twitter /zigolis