DEVNOLOGY 2014 - Building large client-side JavaScript apps

Some of the lessons that we have learned over the last couple of years developing a Single Page Application.

Transcript

1. Building
   large client-side
   JavaScript
   applications
   

   View Slide

2. Michiel Overeem
   Lead Software Architect / Developer
   m.overeem@afas.nl
   @michielovereem
   linkedin.com/in/movereem
   

   View Slide

3. not in production
   and
   not complete
   

   View Slide

4. View Slide

5. "The key is to acknowledge from the start
   that you have no idea how this will grow."
   - Nicholas Zakas
   

   View Slide

6. Do it yourself?
   

   View Slide

7. Does it fit?
   

   View Slide

8. Can we trust this?
   

   View Slide

9. What if we’re stuck?
   

   View Slide

10. Ideas over frameworks
    

    View Slide

11. View Slide

12. "The secret to building
    large apps is never build
    large apps. Break your
    applications into small
    pieces. Then, assemble
    those testable, bite-sized
    pieces into your big
    application"
    - Justin Meyer, author
    JavaScriptMVC
    

    View Slide

13. View Slide

14. View Slide

15. Initializes a module, translates
    events from the view to
    actions on the model
    Maintains state, and
    communicates with the
    backend for data
    Presents state and
    communicates with the DOM
    

    View Slide

16. It is that easy
    

    View Slide

17. Pollution
    

    View Slide

18. They need
    some privacy
    

    View Slide

19. View Slide

20. View Slide

21. View Slide

22.  dev.afas.nl
    

    View Slide

23. View Slide

24. Don’t fear choice, slowly grow code
    Choose principles, not frameworks
    Choose frameworks that match principles
    

    View Slide