RedDotRubyConf2014

 RedDotRubyConf2014

To A Single Page Web App and Back Again. The story of Shopify's experience building a Js MVC framework and a single page web app. Lessons we learned and why we moved to a hybrid approach.

8f2ee8e67776303d3e542974bd8904ff?s=128

Nick Simmons

June 27, 2014
Tweet

Transcript

  1. To a Single Page Web App… and Back Again Nick

    Simmons RedDotRubyConf Singapore 2014
  2. “WHO IS THIS GUY?”

  3. CANADIAN

  4. I LIVED HERE

  5. WHAT I DO NOW

  6. None
  7. SHOPIFY ADMIN EVOLUTION Admin Classic: + ERB + Admin 2:

    Admin Next: ...
  8. None
  9. SHOPIFY - MAY 2013 + =

  10. BUT... “Batman is hard!” - said everyone.

  11. LEARNING BATMAN Superhero Newb Time Read Admin code Read Batman

    docs Back to Admin code Ask for help Read Batman code
  12. HACK DAYS - JUNE 2013 “Let’s use Batman for our

    project!” “Where do I start?” “HELP!” “F**k this, I’m using Rails”
  13. LESSON #1 Solid documentation and excellent examples are vital to

    framework adoption.
  14. NEW FEATURES - JUL TO NOV 2013 “Where should I

    put this code?” “I’m a frontend dev, client has all the state that I need.” “Let’s do it client side!”
  15. THE RISE OF POS JSON API BUSINESS LOGIC BUSINESS LOGIC

  16. LESSON #2 Minimize business logic in the client.

  17. BATMAN DEEP DIVE - DEC 2013 “The Admin is looking

    a little janky.”
  18. None
  19. BINDINGS IN ACTION

  20. ORDER PAGE BINDINGS

  21. THE COST OF BATMAN

  22. LESSON #3 JS MVC is a great technology, but not

    for our app.
  23. ADMIN REBOOT

  24. ADMIN-NEXT GOALS • Easy to use. • Keep the good

    bits. • Fast… (er than Batman)
  25. WHAT IS ADMIN-NEXT? Turbolinks (modified) Bindings.coffee + +

  26. LESSON #4 A simple approach scales better than a complex

    one.
  27. How are we doing?

  28. None