Limpando as Views

Palestra apresentada no GURU-SP em 09/03/2013.

Transcript

1. LIMPANDO AS VIEWS NANDO VIEIRA @FNANDO
2. http://nandovieira.com.br
6. O IMPORTANTE É O QUE O USUÁRIO VÊ E NÃO O QUE ESTÁ POR BAIXO DOS PANOS. PROBLEMA
7. A VERDADE É QUE DEVS NEM SEMPRE DÃO O DEVIDO VALOR À INTERFACE.
8. <!-- div#container_main é aberta no application layout --> <h2 class="question-title">Pergunta</h2> <%#<p id="next-question"><a href="#" title="Próxima pergunta: título da pergunta">próxima pergunta</a></p>%> <div class="question-box" id="question"> <%= avatar_link_to :medium, @question.user %> <div class="question-data-wrapper"> <% special_info = special_flag(@question) %> <div class="question-data <%= special_info.first+"_question- data" if special_info %>"> <% if @question.expired? || @question.closed? %> <p class="question-status closed"><strong>Pergunta fechada</strong></p> <% else %> <p class="question-status open"><strong>Pergunta aberta</strong></p> <% end %> <% if special_info %> <div class="special_flag <%= special_info.first %>_flag"> <img src="/images/specials/<%= special_info.first %>/flag_question.png" alt="<%= special_info.first %>" class="pngfix"/> <a href="<%= special_info.last %>" title="<%=
9. 323 LINHAS DE VIEW 70 ITERAÇÕES * 25 LINHAS 251 LINHAS DE PARTIALS 225 LINHAS DE LAYOUT ESTATÍSTICAS
10. 2549 LOC
11. ESTE PRODUTO QUERIA MOSTRAR TUDO O QUE ERA “IMPORTANTE” EM UM ÚNICO LUGAR. COMPLEXIDADE
12. QUANDO TUDO É IMPORTANTE, NADA É IMPORTANTE. PROTIP
13. DEFINA O QUE É REALMENTE IMPORTANTE.
14. INFELIZMENTE, ÀS VEZES O PRODUCT OWNER ACHA QUE TUDO TEM A MESMA RELEVÂNCIA. TRUE STORY, BRO.
15. NO FIM DO DIA, O QUE MANDA É O CÓDIGO BEM ESCRITO. PROTIP
16. TIRE TODA A LÓGICA DAS VIEWS E EXTRAIA EM HELPERS.
17. <h1> <%= t(controller.action_name, :scope => [:titles, controller.controller_name]) %> </h1>
18. <h1> <%= page_title %> </h1>
19. module ApplicationHelpers def page_title t(controller.action_name, :scope => [:titles, controller.controller_name] ) end end
20. SEM DÚVIDA É MELHOR, MAS HELPERS TEM UM PROBLEMA. MELHOR
21. REPOSITÓRIO DE MÉTODOS QUE NÃO POSSUEM RELAÇÃO. HELPERS
22. OS TESTES EXIGEM O RAILS, O QUE TORNA TUDO MUITO MAIS LENTO. HELPERS
23. EXTRAIA A LÓGICA EM CLASSES DESACOPLADAS DO RAILS.
24. class PageTitle ACTION_ALIASES = { "create" => :new, "update" => :edit, "destroy" => :remove } attr_reader :controller def initialize(controller, action) @controller, @action = controller, action end def action ACTION_ALIASES.fetch(@action, @action) end def title I18n.t(action, :scope => [:titles, controller]) end end
25. module ApplicationHelper def page_title PageTitle.new( controller.controller_name, controller.action_name ).title end end
26. require "spec_helper_lite" require "./app/presenters/page_title" describe PageTitle do before do I18n.locale = :en I18n.backend.store_translations(:en, {:titles => { :mycontroller => { :home => "Home", :new => "New", :edit => "Edit", :remove => "Remove" } }}) end it "returns title" do title = PageTitle.new("mycontroller", "home").title expect(title).to eql("Home") end end
27. $ time rspec spec/presenters/ page_title_spec.rb .... Finished in 0.09289 seconds 4 examples, 0 failures real! 0m1.112s user! 0m0.828s sys! 0m0.120s
28. http://fnando.me/8u
29. MUITAS CLASSES ESPECIALIZADAS É ORIENTAÇÃO A OBJETOS. CLASSES
30. DECORATORS E/OU PRESENTERS AJUDAM A ORGANIZAR A SUA VIEW. CLASSES
31. PATTERN QUE PERMITE ADICIONAR COMPORTAMENTO EXTRA A UM OBJETO. DECORATOR
32. CLASSES ESPECIALIZADAS QUE REPRESENTAM OBJETOS PARA APRESENTAÇÃO. PRESENTER
33. <nav> <ul> <% if logged_in? %> <li> <%= link_to t("menu.logout"), logout_path %> </li> <% else %> <li> <%= link_to t("menu.signup"), signup_path %> </li> <li> <%= link_to t("menu.login"), login_path %> </li> <% end %> </ul> </nav>
34. ALTERNATIVA 1
35. <nav> <ul> <% if logged_in? %> <%= render "shared/menu_logged" %> <% else %> <%= render "shared/menu_unlogged" %> <% end %> </ul> </nav>
36. ALTERNATIVA 2
37. <nav> <ul> <%= main_menu.render(self) %> </ul> </nav>
38. module ApplicationHelpers def main_menu MainMenu.new end end
39. class MainMenu def partial_name(context) if context.logged_in? "shared/menu_logged" else "shared/menu_unlogged" end end def render(context) context.render partial_name(context) end end
40. ALTERNATIVA 3
41. <nav> <ul> <%= render main_menu %> </ul> </nav>
42. module ApplicationHelpers def main_menu MainMenu.new(self) end end
43. class MainMenu def initialize(context) @context = context end def to_partial_path if @context.logged_in? "shared/menu_logged" else "shared/menu_unlogged" end end end
44. describe MainMenu do let(:context) { mock(:context) } subject(:menu) { MainMenu.new(context) } context "when logged in" do before { context.stub :logged_in? => true } it { expect(menu.to_partial_path).to eq("shared/menu_logged") } end context "when unlogged" do before { context.stub :logged_in? => false } it { expect(menu.to_partial_path).to eq("shared/menu_unlogged") } end end
45. CONHEÇA A SUA FERRAMENTA DE TRABALHO. PROTIP
46. EXIBIR OBJETOS DO ACTIVERECORD FUNCIONA DA MESMA FORMA. ACTIVERECORD
47. create_table :users do |t| t.string :name t.string :email t.timestamps end
48. <%= user.name %> <%= user.email %> <%= l(user.created_at, :format => :short) %> <%= user.avatar # doesn’t exist yet %>
49. ALTERNATIVA 1
50. class User < ActiveRecord::Base def avatar(avatar = Gravatar) avatar.url(email) end end
51. ALTERNATIVA 2
52. class UserPresenter < SimpleDelegator def avatar(avatar = Gravatar) avatar.url(email) end def created_at I18n.l(__getobj__.created_at, :format => :short) end end
53. <%= user.name %> <%= user.email %> <%= user.created_at %> <%= user.avatar %>
54. ALTERNATIVA 3
55. DRAPER E SIMPLE PRESENTER GEMS
56. FRAMEWORK AGNOSTIC, INTEGRAÇÃO COM I18N, ROTAS E HELPERS. SIMPLE_PRESENTER
57. class UserPresenter < Presenter subject :user expose :name, :email, :username def created_at l(user.created_at, :format => :short) end def avatar(avatar = Gravatar) avatar.url(user.email) end end
58. record = User.find(1) user = UserPresenter.new(record)
59. A INTERFACE É TÃO IMPORTANTE QUANTO QUALQUER OUTRO CÓDIGO. RESUMINDO
60. E POR SER CÓDIGO, DEVE SER BEM ESCRITO, FÁCIL DE ENTENDER E MANTER. RESUMINDO
61. OBRIGADO!