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

Superior service-based web apps with Brunch and Chaplin

D342e4ef045c54a6a6f41d070d8a0406?s=47 paulmillr
November 18, 2012
Programming
2
930

Superior service-based web apps with Brunch and Chaplin

A tale on building cool web services with http://brunch.io and http://chaplinjs.org

D342e4ef045c54a6a6f41d070d8a0406?s=128

paulmillr

November 18, 2012
Tweet

More Decks by paulmillr

See All by paulmillr
D342e4ef045c54a6a6f41d070d8a0406?s=48 paulmillr
13
3.1k

Other Decks in Programming

See All in Programming
Ce7ab424f600bc83740be0716232d58a?s=48 takaakikakei
0
500
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
150
B3d6e998ff66c957f00da6d795f9e32c?s=48 akihiroshiota
2
470
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
100
1851e42555822b0fc915dbf3ef0c0f76?s=48 kubotak
2
200
Dee1ceb83e8c6afd83792ca7df9e9524?s=48 teshi04
5
2.1k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
210
70762059db0218c6f0ff48042ca0756a?s=48 lchin
0
300
7a0892afffbcbd35fd84d46508b3a914?s=48 dropout009
2
760
Ad449f3f4e595ade283a30c4f66010be?s=48 seto_hi
0
4.1k
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
0
160
0f50b010cc99988fba8a73008b21f353?s=48 e10dokup
0
320

Featured

See All Featured
79acae287842acf29084005533a7fb3b?s=48 hursman
111
9.5k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
180
14k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.3k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
11k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
307
32k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
223
120k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
37
4.9k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
129
22k

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