O documento fornece dicas sobre como organizar o JavaScript em aplicações Rails não-SPA. As principais dicas incluem: (1) usar o Bower para gerenciar dependências front-end; (2) modularizar o código JavaScript usando módulos; (3) estabelecer um ponto de entrada único para execução do JavaScript.
RubyConfBr 2015 - Rails & Javascript: faça isso direito
1. Rails & Javascript
Faça isso direito!
Sacadas de como organizar seu javascript
em apps Rails não SPA
2. $ whoami
• Cezinha Anjos.
• Comecei programando num Apple II
e gravando programas em fitas
cassetes há 26 anos atrás.
• Atualmente focado em Ruby on Rails
e Javascript.
• CEO da ASSEINFO.
3. Rails & Javascript
Faça isso direito!
Sacadas de como organizar seu javascript
em apps Rails não SPA
8. // Caro mantenedor:
//
// Quando eu escrevi este código, somente eu
// e Deus sabíamos o que ele fazia.
// Agora somente Deus sabe!
//
// Então, se você está tentando “otimizar"
// esta rotina (e falhou!), por favor,
// incremente o contador a seguir como um aviso
// para o próximo cara:
//
// total_de_horas_gastas_aqui = 67
72. Rails.application.routes.draw do
resources :people
end
people GET /people(.:format) people#index
new_person GET /people/new(.:format) people#new
edit_person GET /people/:id/edit(.:format) people#edit
person GET /people/:id(.:format) people#show
$ bin/rake routes
✔
89. ✘var name, phone, html;
name = "The name”;
phone = “(48) 1234-5678”;
html = "<p>Name:</p><p>" + name + "</p>";
html += "<p>Phone:</p><p>" + phone + “</p>”;
$("div#person").html(html)
90. var name, phone, html;
name = "The name”;
phone = “(48) 1234-5678”;
html = JST["templates/people/example"]({
name: name, phone: phone });
$("div#person").html(html)
✔
X