Superior service-based web apps with Brunch and Chaplin

Transcript

1. Superior service-based web apps with Brunch and Chaplin

2. @paulmillr

3. It’s 2012, after all Service-based web apps Why?

4. Maintability Service-based web apps Can develop both of them in

   parallel Frontend decoupled from backend

5. Speed & costs Service-based web apps Server costs decreased by

   a factor of 10+ Super fast & responsive feel

6. Dogfooding! Both parts become easier to maintain Service-based web apps

7. Open-source Can open-source front freely (in some types of apps)

   Service-based web apps

8. Open-source Increases company reputation Good API usage exampleCloud. app itHub

   Service-based web apps

9. Problems Service-based web apps Live reload Compiling LESS / Stylus

   / SASS

10. Problems Service-based web apps Modules Compiling Coffee / Type /

    Live scripts

11. Problems Service-based web apps Linting Templates Scaffolding Testing

12. Solutions Service-based web apps Some DOM lib a-la jQuery? Some

    DOM lib a-la jQuery? Nope! Too unmaintainable.

13. We need Service-based web apps Generator Builder Tester Scaffolder

14. Brunch brunch.io

15. Brunch 6 commands new build watch generate destroy test

16. Structure (app)

17. Deployal Optimization with simple flag brunch build --minify

18. Brunch 1.5 component(1) support source maps

19. Brunch Alternatives CodeKit LiveReload Yeoman (grunt)

20. Chaplin chaplinjs.org

21. Chaplin Why backbone? Super lightweight & simple The most popular

    Well-tested

22. Chaplin Backbone.js has problems Unusable as an app architecture

23. Chaplin Chaplin solutions Memory management Forced modularity Rails routes Mediator

    (global events management) Collection View Layout Controllers (MVP “presenters”)

24. Chaplin Alternatives Aura: sort of different Marionette: sort of similar

25. Chaplin v1.0 coming soon

26. Paul Miller paulmillr.com @paulmillr