Get Slim!
•
0 recomendaciones•2,179 vistas
Slides of my talk at Paris.rb on 2014-06-03 about the Slim templating syntax.
Recomendados
Recomendados
Más contenido relacionado
Similar a Get Slim!
Similar a Get Slim! (20)
Más de Simon Courtois
Más de Simon Courtois (16)
Último
Último (20)
Get Slim!
- 1. Simon Courtois - @happynoff Get Slim!
- 2. Two Default Rails Stacks http://words.steveklabnik.com/rails-has-two-default-stacks • Views: ERB • DB: MySQL • Tests: MiniTest • Fat Models / Skinny Controllers • Views: Haml • DB: PostgreSQL • Tests: RSpec • Skinny Models / Skinny Controllers / Service Layer
- 3. Two Default Rails Stacks http://words.steveklabnik.com/rails-has-two-default-stacks • Views: ERB! • DB: MySQL • Tests: MiniTest • Fat Models / Skinny Controllers • Views: Haml! • DB: PostgreSQL • Tests: RSpec • Skinny Models / Skinny Controllers / Service Layer
- 4. ERB Haml <!DOCTYPE html> <html> <head> <title>Hello</title> </head> ! <body> <div id=“main” class=“content”> <%= yield %> </div> </body> </html> !!! 5 %html %head %title Hello ! %body #main.content = yield
- 5. But there is another cool one! Slim
- 6. ERB Slim doctype html html head title Hello ! body #main.content = yield <!DOCTYPE html> <html> <head> <title>Hello</title> </head> ! <body> <div id=“main” class=“content”> <%= yield %> </div> </body> </html>
- 8. First things first… no fucking % (haters gonna hate)
- 9. What about attributes? ERB Slim <a href=“rubyparis.org” title=“Paris.rb”>ParisRB</a> a href=“rubyparis.org” title=“Paris.rb” ParisRB Haml %a{href=“rubyparis.org” title=“Paris.rb”} ParisRB
- 10. Ok but why bother?
- 11. Speed!
- 12. Secondstoreach10000iterations 0 0,4 0,8 1,2 1,6 1st run 2nd run ERB Haml Slim https://travis-ci.org/slim-template/slim/jobs/26437512
- 13. What’s the trick then?
- 14. Spaces handling %span Hello %span Paris.rbHaml Slim span Hello span Paris.rb Hello Paris.rb HelloParis.rb
- 15. Spaces handling Haml conserves spaces by default Slim spaces are opt-in
- 16. Spaces handling %span> Hello %span Paris.rbHaml Slim span Hello span Paris.rb HelloParis.rb HelloParis.rb
- 17. Spaces handling %span Hello %span Paris.rbHaml Slim span> Hello span Paris.rb Hello Paris.rb Hello Paris.rb
- 18. Wanna nest things? ul: li.active: a href=“rubyparis.org” Paris.rb Go ahead!
- 19. One more thing
- 20. Like it logic-less? - articles p.title = title .content = body ! -! articles p No articles yet!
- 22. Questions ?
- 23. Thank you Simon Courtois - @happynoff