Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Superior service-based web apps with Brunch and...
Search
paulmillr
November 18, 2012
Programming
2
1k
Superior service-based web apps with Brunch and Chaplin
A tale on building cool web services with
http://brunch.io
and
http://chaplinjs.org
paulmillr
November 18, 2012
Tweet
Share
More Decks by paulmillr
See All by paulmillr
Functional programming in JavaScript ecosystem
paulmillr
13
3.8k
Other Decks in Programming
See All in Programming
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.5k
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
1
220
The Clean ArchitectureがWebフロントエンドでしっくりこないのは何故か / Why The Clean Architecture does not fit with Web Frontend
twada
PRO
2
500
Better Code Design in PHP
afilina
0
180
コードを読んで理解するko build
bells17
1
110
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
220
Ça bouge du côté des animations CSS !
goetter
2
160
Domain-Driven Design (Tutorial)
hschwentner
13
22k
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
310
color-scheme: light dark; を完全に理解する
uhyo
7
500
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
AIプログラミング雑キャッチアップ
yuheinakasaka
19
4.9k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Code Reviewing Like a Champion
maltzj
521
39k
Code Review Best Practice
trishagee
67
18k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Statistics for Hackers
jakevdp
797
220k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Automating Front-end Workflow
addyosmani
1369
200k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A Tale of Four Properties
chriscoyier
158
23k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Transcript
Superior service-based web apps with Brunch and Chaplin
It’s 2012, after all Service-based web apps Why?
Maintability Service-based web apps Can develop both of them in
parallel Frontend decoupled from backend
Speed & costs Service-based web apps Server costs decreased by
a factor of 10+ Super fast & responsive feel
Dogfooding! Both parts become easier to maintain Service-based web apps
Open-source Can open-source front freely (in some types of apps)
Service-based web apps
Open-source Increases company reputation Good API usage exampleCloud. app itHub
Service-based web apps
Problems Service-based web apps Live reload Compiling LESS / Stylus
/ SASS
Problems Service-based web apps Modules Compiling Coffee / Type /
Live scripts
Problems Service-based web apps Linting Templates Scaffolding Testing
Solutions Service-based web apps Some DOM lib a-la jQuery? Some
DOM lib a-la jQuery? Nope! Too unmaintainable.
We need Service-based web apps Generator Builder Tester Scaffolder
Brunch brunch.io
Brunch 6 commands new build watch generate destroy test
Structure (app)
Deployal Optimization with simple flag brunch build --minify
Brunch 1.5 component(1) support source maps
Brunch Alternatives CodeKit LiveReload Yeoman (grunt)
Chaplin chaplinjs.org
Chaplin Why backbone? Super lightweight & simple The most popular
Well-tested
Chaplin Backbone.js has problems Unusable as an app architecture
Chaplin Chaplin solutions Memory management Forced modularity Rails routes Mediator
(global events management) Collection View Layout Controllers (MVP “presenters”)
Chaplin Alternatives Aura: sort of different Marionette: sort of similar
Chaplin v1.0 coming soon
Paul Miller paulmillr.com @paulmillr