smartbomb
DRY your views!
Lachie Cox
lachie@smartbomb.com.au
r o ro

smartbomb
bmobtrams
DRY
‣ don’t repeat yourself, mmkay?

smartbomb
bmobtrams
MVC
‣ v is for vexing

smartbomb
bmobtrams
DRYing models is
easy

smartbomb
bmobtrams
DRYing ctrllrs is
OK

smartbomb
bmobtrams
DRYing views is
vexatious

WET views smartbomb
bmobtrams
sca olding

smartbomb
bmobtrams

WET views smartbomb
bmobtrams
erb
layouts
partials

smartbomb
bmobtrams

smartbomb
bmobtrams
<% labeled_form_for :thing, things_path do |f| %>
<%= f.text_field :name %>
<%= f.text_field :aspect %>
<%= f.check_box :existing %>
<%= submit_tag 'Save' %>
<% end %>

smartbomb
bmobtrams
WASTE
<% labeled_form_for :thing, things_path do |f| %>
<%= f.text_field :name %>
<%= f.text_field :aspect %>
<%= f.check_box :existing %>
<%= submit_tag 'Save' %>
<% end %>

waste baaaad smartbomb
bmobtrams

smartbomb
bmobtrams
components
engines

smartbomb
bmobtrams

smartbomb
bmobtrams
‣ http://codefluency.com/2007/5/18/
when-v-is-for-vexing
‣ Bruce Williams

smartbomb
bmobtrams
Don’t Fear Helpers
Make them APIs

smartbomb
bmobtrams
Make them
semantic

helpers as api smartbomb
bmobtrams
<%= describe person,
:blank_message => \"Nobody\"
%>

helpers as api smartbomb
bmobtrams
<% rounded_box do %>
<h2>Products</h2>
<% end %>

stencil smartbomb
bmobtrams
‣ http://stencil.rubyforge.org

smartbomb
bmobtrams
semantic helpers
as objects

a cart stencil smartbomb
bmobtrams
class CartStencil < Stencil
...
def to_s
render(:partial => 'shared/cart', :object => @cart)
end
def summary
if @cart.blank?
\"Your cart is empty. Buy stuff!\"
else
\"You have #{@cart.size} items in your cart.\"
end
end
end

a cart stencil smartbomb
bmobtrams
<% cart = cart() %> <!-- CartStencil.new -->
<%= cart.summary %>
<%= cart %> <!-- cart.to_s -->

more than a stencil smartbomb
bmobtrams
module CartControllerHelper
...
end
class UserController
include CartControllerHelper
load_cart :only => [:show]
end

smartbomb
bmobtrams
C V
cart cart
(mixin) (stencil)

smartbomb
bmobtrams
Stencil
+
Mixin
+
javascript
+
CSS
&c.

smartbomb
bmobtrams
lightweight
widgetty
thingo

smartbomb
bmobtrams

smartbomb
bmobtrams
DRY
javascript

smartbomb
bmobtrams
RJS

smartbomb
bmobtrams

smartbomb
bmobtrams
document.getElementById(\"foobar\")
$(\"foobar\")

smartbomb
bmobtrams
use prototype
‣ until optimisation

smartbomb
bmobtrams
<%= link_to_function 'declaim',
'alert(\"yay for smarties!\")' %>
<%= link_to 'delete', smarty_path(42),
:method => :delete %>

smartbomb
bmobtrams

srsly, wtf? smartbomb
bmobtrams
<a onclick=\"var f = document.createElement
('form'); f.style.display = 'none';
this.parentNode.appendChild(f); f.method =
'POST'; f.action = this.href;var m =
document.createElement('input');
m.setAttribute('type', 'hidden');
m.setAttribute('name', '_method');
m.setAttribute('value', 'delete');
f.appendChild(m);f.submit();return false;\"
href=\"/smarties/1\">delete</a>

smartbomb
bmobtrams

smartbomb
bmobtrams
be
less
obtrusive

smartbomb
bmobtrams
use
less
code

smartbomb
bmobtrams
OMG
javascript
has classes
too!

smartbomb
bmobtrams
use
&
reuse

smartbomb
bmobtrams
lowpro
‣ http://danwebb.net/lowpro

smartbomb
bmobtrams
reusable
behaviours

smartbomb
bmobtrams

smartbomb
bmobtrams

smartbomb
bmobtrams
HTML
<a class=\"forgotten\" href=\"/accounts/forgotten\">
I've forgotten my password.
</a>

smartbomb
bmobtrams
HTML
<a class=\"forgotten\" href=\"/accounts/forgotten\">
I've forgotten my password.
</a>
javascript
Event.addBehavior({
'.forgotten': Toggler('forgotten_password','cancel')
})

smartbomb
bmobtrams

smartbomb
bmobtrams
DRY
its good for the
soul