Superior service-based web apps with Brunch and Chaplin

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

Transcript

1. Superior service-based web apps with Brunch and Chaplin
2. It’s 2012, after all Service-based web apps Why?
3. Maintability Service-based web apps Can develop both of them in parallel Frontend decoupled from backend
4. Speed & costs Service-based web apps Server costs decreased by a factor of 10+ Super fast & responsive feel
5. Dogfooding! Both parts become easier to maintain Service-based web apps
6. Open-source Can open-source front freely (in some types of apps) Service-based web apps
7. Open-source Increases company reputation Good API usage exampleCloud. app itHub Service-based web apps
8. Problems Service-based web apps Live reload Compiling LESS / Stylus / SASS
9. Problems Service-based web apps Modules Compiling Coffee / Type / Live scripts
10. Problems Service-based web apps Linting Templates Scaffolding Testing
11. Solutions Service-based web apps Some DOM lib a-la jQuery? Some DOM lib a-la jQuery? Nope! Too unmaintainable.
12. We need Service-based web apps Generator Builder Tester Scaffolder
13. Brunch brunch.io
14. Brunch 6 commands new build watch generate destroy test
15. Structure (app)
16. Deployal Optimization with simple flag brunch build --minify
17. Brunch 1.5 component(1) support source maps
18. Brunch Alternatives CodeKit LiveReload Yeoman (grunt)
19. Chaplin chaplinjs.org
20. Chaplin Why backbone? Super lightweight & simple The most popular Well-tested
21. Chaplin Backbone.js has problems Unusable as an app architecture
22. Chaplin Chaplin solutions Memory management Forced modularity Rails routes Mediator (global events management) Collection View Layout Controllers (MVP “presenters”)
23. Chaplin Alternatives Aura: sort of different Marionette: sort of similar
24. Chaplin v1.0 coming soon
25. Paul Miller paulmillr.com @paulmillr