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

DEVNOLOGY 2014 - Building large client-side JavaScript apps

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.

Michiel Overeem

October 04, 2014
Tweet

More Decks by Michiel Overeem

Other Decks in Technology

Transcript

  1. Building
    large client-side
    JavaScript
    applications

    View Slide

  2. Michiel Overeem
    Lead Software Architect / Developer
    [email protected]
    @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