Build Realtime Apps with Ruby & Pakyow

Presented at RailsConf 2016. Full presentation (with screencasts) available here: https://www.dropbox.com/s/naa4r6957z4ic27/railsconf.key?dl=0

Transcript

1. Build Realtime Apps with Ruby & Pakyow @bryanp
2. Pakyow is a web framework for Ruby.
3. “What a horrible idea.”
4. Pakyow lets you build server-driven apps that stay in sync with the server.
12. Ruby -> JS
13. Pushing HTML
14. So how does this even?
15. Let’s go back to the beginning.
16. Welcome to 2011!
18. View-First Development
19. Create a usable prototype writing just the view.
20. Build the backend on top of the prototype.
21. Revert back to the prototype at any point.
23. View Structure | Rendering Logic
24. <% @posts.each do |post| %> <article> <p> <%= post.body %> </p> </article> <% end %>
25. <article data-scope="post"> <p data-prop="body"> Comment Goes Here </p> </article> <% @posts.each do |post| %> <article> <p> <%= post.body %> </p> </article> <% end %>
26. <article data-scope="post"> <p data-prop="body"> Comment Goes Here </p> </article> view.scope(:post).apply(data)
27. <article data-scope="post"> <p data-prop="body"> Comment Goes Here </p> </article> { body: 'foo' } < <article data-scope="post"> <p data-prop="body"> foo </p> </article>
28. <article data-scope="post"> <p data-prop="body"> Comment Goes Here </p> </article> [ { body: 'foo' }, { body: 'bar' } ] < <article data-scope="post"> <p data-prop="body"> foo </p> </article> <article data-scope="post"> <p data-prop="body"> bar </p> </article>
30. <article data-scope="post"> <p data-prop="body"> Comment Goes Here </p> </article> { body: 'foo' } < <article data-scope="post"> <p data-prop="body"> foo </p> </article>
31. <article data-scope="post"> <p data-prop="body"> foo </p> </article> [ { body: 'foo' }, { body: 'bar' } ] < <article data-scope="post"> <p data-prop="body"> foo </p> </article> <article data-scope="post"> <p data-prop="body"> bar </p> </article>
32. Code to render the initial view can also render changes to an existing view.
33. server client html ui transforms ring.js presenter View Transformation API
34. Pakyow falls between traditional and client-side frameworks.
35. Hybrid apps force you to deal with state on both sides of the application.
36. SPAs break the web.
37. Realtime is an enhancement.
38. Ruby
39. Towards 1.0
40. pakyow.org pakyow/pakyow @pakyow @bryanp