Advanced Views with Erector

Advanced Views with Erector — Presentation Transcript

Advanced Views with Erector A builder view framework Jeff Dean

ERB views kinda suck

Make you work more

No encapsulation

Refactoring can be hard

We need something that...

Requires less work

Respects encapsulation

Is testable in isolation

Erector to the rescue!

Views are classes

Modular decomposition

Inheritance (nested layouts)

Consistent semantics

Views are classes

class Views::Articles::Show < Erector::RailsWidget

def content div :class => "content" do p "Hello <script> World!" , :class => "sidebar" end end

end

Does the right thing

Escapes HTML

Auto-closes tags

You control indenting and whitespace

Does the right thing

class Views::Articles::Show < Erector::RailsWidget def content div :class => "content" do p "Hello <script> World!" , :class => "sidebar" end end end # <div class="content"> # <p class="sidebar">Hello <script> World!</p> # </div>

ERB Refactoring

<%=h truncate(article.title, :length => 10 ) %>

<%=h display_name(article) %>

# app/helpers/articles.rb def display_name (article) truncate(article.title, :length => 10 ) end

<%=h article_display_name (article) %>

# app/helpers/articles.rb def article_display_name (article) truncate(article.title, :length => 10 ) end

<%=h article_display_name (article) %>

# app/helpers/articles.rb def article_display_name (article) truncate(article.title, :length => 10 ) end

<%= article_display_name(article) %>

# app/helpers/articles.rb def article_display_name (article) content_tag :span , h(truncate(article.title, :length => 10 )), :title => article.title end

<%= render ( "articles/title" , :title => article) %>

<span title= "<%= article.title %>" > <%=h truncate(article.title, :length => 10 ) %> </span>

<%= render ( "articles/title" , :title => article) %>

<span title= "<%= article.title %>" > <%=h truncate(article.title, :length => 10 ) %> </span>

Erector Refactoring

# app/views/articles/show.rb class Views::Articles::Show < Erector::RailsWidget def content text do truncate @article .title, :length => 10 end end end

# app/views/articles/show.rb class Views::Articles::Show < Erector::RailsWidget def content display_name end private def display_name text do truncate @article .title, :length => 10 end end end

# app/views/articles/show.rb class Views::Articles::Show < Erector::RailsWidget def content display_name end private def display_name text do truncate @article .title, :length => 10 end end end

# app/views/articles/show.rb class Views::Articles::Show < Erector::RailsWidget def content display_name end private def display_name span :title => @article .title do truncate @article .title, :length => 10 end end end

# app/views/articles/show.rb class Views::Articles::Show < Erector::RailsWidget def content display_name end private def display_name span :title => @article .title do truncate @article .title, :length => 10 end end end

# app/views/articles/show.rb class Views::Articles::Show < Views::Articles::Base def content display_name end end

# app/views/articles/base.rb class Views::Articles::Base < Erector::RailsWidget def display_name span :title => @article .title do truncate @article .title, :length => 10 end end end

What’s next?

more rails helpers

better performance

rails 3

erector.rubyforge.org github.com/pivotal/erector [email_address] [email_address] [email_address] [email_address] [email_address]

Questions

Advanced Views with Erector

by Alex Chaffee on Oct 03, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 8

Statistics

Advanced Views with Erector — Presentation Transcript