Ember and Rails

Transcript

1. Ember ♥ Rails DeRailed, December 2014
2. Hi. I'm Steve. @stevekinney
4. Hire our students, please: http://people.turing.io/
5. Ember Basics
6. Ember draws influence from Cocoa and Rails. It began it's life as SproutCore 2.0.
7. Notable Features Two-way data binding Computed properties An emphasis on URLs Convention over configuration
9. Let's look at some code.
10. Public Service Announcement: TurboLinks Considered Harmful
11. A Tale of Two MVCs
12. Ember and Rails both take MVC pretty seriously. (That said, they both have a very different take on it.)
15. The route fetches the model and sets up the controller.
16. Controllers decorate the model and handle actions.
17. Controllers are singletons.
18. Let's say you visit /notes/1 and then you visit /notes/2. It's the same controller, but the route has switched out the model.
19. Controllers maintain state.
20. Controllers can talk to each other.
21. What is Ember Data?
22. It's kind of like ActiveRecord, but for Ember—and different.
24. // models/post.js export default DS.Model.extend({ title: DS.attr('string'), body: DS.attr('text'), comments: DS.hasMany('comments') }); // models/comment.js export default DS.Model.extend({ comment: DS.attr('string'), post: DS.belongsTo('post') });
25. And Now: An Example of the AJAX Requests Generated By Ember Data
26. post.find('12').get('comments');
27. post.get('comments'); GET /posts { "posts": [ { "id": "12", "content": "Super!", "comments": ["56", "58"] } ] }
28. GET /comments?ids[]=56&ids[]=58 { "comments": [ { "id": "56", "message": "Whatever", "post": "12" }, { "id": "58", "message": "Something", "post": "12" } ] }
29. What just happened? Ember Data sent off two AJAX requests to Rails in order to build the relation in the browser.
30. And then it cached the result in the Store.
31. Let's look at some code together.
32. Ember Tooling
33. The Ember Inspector
36. It's like the Rails command line tools, but for Ember— and not that different.
38. Ember CLI allows you to proxy to a Rails server.
39. Request If Ember can't respond to a URL, it proxies it on to Rails.
40. Thank you. Questions?