Ember without Ember Data

by

You don’t necessarily need to recreate the Ember Data store. Ember works just fine with POJOs, you can also wrap your POJOs in an Ember Object to give you some fun built in features.

That being said creating a custom adapter which caches results could be convenient.

Here’s an example where I create an adapter that supports caching. You can slowly build on the concept for all of the basic things you need.

App.FooAdapter = Ember.Object.extend({
  cache:{},
  find: function(id){
    var self = this,
        record;
    if(record = this.cache[id]){
      return Ember.RSVP.cast(record);
    }
    else
    {
      return new Ember.RSVP.Promise(function(resolve){
        resolve($.getJSON('http://www.foolandia.com/foooo/' + id));
      }).then(function(result){
        record = self.cache[id] = App.Foo.create(result);
        return record;
      });
    }
  }
});

In the examples below, I use the container to register the adapter on all of my routes/controllers so I had lazy easy access to it.

http://emberjs.jsbin.com/OxIDiVU/742/edit

If you always want it to be a promise:

http://emberjs.jsbin.com/OxIDiVU/740/edit

Reusability

The example above may make it look like you’d have to do a ton of work, but don’t forget, Ember is super reusable, take advantage of the magic.

App.MyRestAdapter = Em.Object.extend({
  type: undefined,
  find: function(id){
    $.getJSON('http://www.foolandia.com/' + this.get('type') + "https://stackoverflow.com/" + id
  }
});

App.FooAdapter = App.MyRestAdapter.extend({
  type: 'foo' // this would create calls to: http://www.foolandia.com/foo/1
});

App.BarAdapter = App.MyRestAdapter.extend({
  type: 'bar' // this would create calls to: http://www.foolandia.com/bar/1
});

This is the basic idea of what Ember Data/Ember Model is. They’ve tried to create a ton of defaults and built in coolness, but sometimes it’s overkill, especially if you are just consuming data and not doing CRUD.

Example: http://emberjs.jsbin.com/OxIDiVU/744/edit

Also you can read this (says the same stuff):

How do you create a custom adapter for ember.js?

More Related Contents:

  1. How to make embedded hasMany relationships work with ember data
  2. Add directives from directive in AngularJS
  3. EmberJS: How to load multiple models on the same route?
  4. How can I execute array of promises in sequential order?
  5. Is there a JavaScript MVC (micro-)framework? [closed]
  6. How do you create a custom adapter for ember.js?
  7. Where to put model data and behaviour? [tl; dr; Use Services]
  8. Showing alert in angularjs when user leaves a page
  9. Limiting number of displayed results when using ngRepeat
  10. Ember transition & rendering complete event
  11. How do I fetch a single model in Backbone?
  12. Ember.js and RequireJS
  13. how can I invoke an ember component dynamically via a variable?
  14. Show pop-ups the most elegant way
  15. Best practices of building a website using Node.js
  16. ember.js + handlebars: render vs outlet vs partial vs view vs control
  17. Rendering resolved promise value in Ember handlebars template
  18. rails and backbone working together
  19. JavaScript variable with global scope [closed]
  20. .bind is not working with dynamic html [closed]
  21. jQuery Ajax File Upload
  22. Javascript add leading zeroes to date
  23. getElementsByClassName() doesn’t work in old Internet Explorers like IE6, IE7, IE8
  24. How to set object property (of object property of..) given its string name in JavaScript?
  25. ToLocaleDateString() changes in IE11
  26. Boolean variable returns as string from javascript function [duplicate]
  27. Modifying CSS class property values on the fly with JavaScript / jQuery
  28. How to measure the execution time of a promise?
  29. Smooth scroll to specific div on click
  30. Is there an “after submit” jQuery option?

Leave a Comment