Ember Buzz

[Alex Matchneer][twitter], on his Useful Dude blog, posted [a thorough explanation of the Ember.js run loop][article]. He goes on to discuss the implications it has for other aspects of an app, such as interaction with the DOM, bindings, observers, and debouncing. Thanks to [Emblr][emblr] for the tip. [twitter]: https://twitter.com/machty "Alex Matchneer's Twiter" [article]: http://machty.github.com/blog/2013/01/12/everything-you-never-wanted-to-know-about-the-ember-run-loop/ "Everything You Never Wanted to Know About the Ember Run Loop" [emblr]: http://emberjs.tumblr.com/ "Emblr blog"

The fine folks working on Ember.js have been hard at work putting together [new official guides][guides]. Not just a new design, but new content to cover Ember.js topics more systematically. These guides are a big improvement over the previous version. Much thanks to all the contributors! [guides]: http://emberjs.com/guides/ "Ember.js Guides"

[Mike Nicholaides][twitter] (that's me) wrote post on [getters and setters in Ember.js][article]. It explores the intracacies of how to write them as well as best practices and gotchas. Turns out they aren't as simple as you'd think! [twitter]: http://twitter.com/nicholaides [article]: http://emberashes.com/blog/2012/12/23/getters-and-setters-in-ember-dot-js/

As of this [commit to Ember.js][commit], the behavior of `Ember.Object.create()` will change. From the commit: > The new behavior will call computed property setters instead of > overwriting them. This was commonly worked around by calling > setProperties immediately after create. > > This improves performance of object creation by 2x. There's a new method, `Ember.Object.createWithMixin` will stick around to provide the old-style `create` functionality. I'm certainly in favor of this. Not only because of the performance improvement, but also because it was confusing as a new user when `create` would overwrite my getters & setter rather than using them. This commit is in master, so watch out for it in the next release, or if you're developing on edge. Thank you, [Eric Bryn][author], for contributing this code. [author]: http://twitter.com/ebryn [commit]: https://github.com/emberjs/ember.js/commit/c1c720781c976f69fd4014ea50a1fee652286048

If you've done very large tables in Ember, you know that they can make the browser hang while rendering. [Ember Table][article], created by the guys at [Addepar][twitter], solves this by lazily rendering the table rows. The demo shows tables with 1,000,000 lazily-rendered rows performing wonderfully. If you're not sure whether to be impressed, try loading this [million-row, pure HTML table][download] in your browser (emphasis on "try") where each row has a single cell with a number in it. [article]: http://addepar.github.com/ember-table/ [twitter]: https://twitter.com/Addepar [download]: http://f.cl.ly/items/2r0O473Y0i0U0Z0E1L0F/table-test.html

[Justin Talbot][twitter], on his Way Mondo blog, [discusses problems and their solutions][article] when implementing authentication and authorization in an Ember.js app with a Rails back-end. He covers: - CSRF tokens with AJAX requests - Using the [Sorcery][gem] auth gem - Preventing uses from navigating to unauthorized routes [article]: http://blog.waymondo.com/2012-12-18-ember-dot-js-and-rails-authentication-gotchas/ [twitter]: http://twitter.com/waymondo [gem]: https://github.com/NoamB/sorcery

[Ember Script][emberscript] is an dialect of CoffeeScript by [Gordon Hempton][author] that compiles to Ember code. Inheritance, Mixins, Bindings, Observers, etc. are all have syntactic support in Ember Script. Imagine never having to type `get(...)`, or explicitly set dependencies in `.property(...)`. Those, and more, are the promises of Ember Script. Even if you hate CoffeeScript you should check out the examples. It may be enlightening as to how much boilerplate we actually do write for our Ember apps. [emberscript]: https://github.com/ghempton/ember-script [author]: https://twitter.com/ghempton

[Tom Dale][author], co-creator of Ember.js, posted [a guide to the Router API v2][article]. It's covers the router and how the router interacts with the rest of the app, including new-style route definitions, templates, controllers, Ember Data models. He essentially show how to build an entire app from the perspective of the router. [article]: https://gist.github.com/3981133 [author]: https://twitter.com/tomdale

[Ember Bootstrap][link] > Ember Bootstrap is set of UI elements styled using Twitter Bootstrap (currently version 2) toolkit to use with Ember.js. The ultimate goal is to provide all elements from the Bootstrap toolkit. So far they have a long list of views and form elements implemented. Also, this does look like it's actively maintained. [link]: https://github.com/emberjs-addons/ember-bootstrap

The ArrayProxy in Ember.js is a powerful tool with many uses. [James Croft][author] has created an [interactive guide to ArrayProxy][article]. This is seriously cool and does a great job of not just explaining, but demonstrating live, how one would use ArrayProxy. [article]: http://matchingnotes.com/ember-array-proxy [author]: http://www.twitter.com/james_croft

Yehuda and Tom Dale [gave talks for the Seattle Ember.js Meetup][talks] in December. Tom talks about Ember Data and lays out the vision for the library and the current implementation. Having not used Ember Data myself, I found it very helpful. Yehuda talks about the new router. It's sort of a rehash of [Ember.js Router API v2, by Tom Dale][rehashed] which we covered already. [talks]: http://developer.avalara.com/blog/2012/12/12/ember-js-event-at-pier-55/ [rehashed]: https://gist.github.com/3981133

[Bradley Priest][author] posted the [latest in his "This week in Ember.js" series][article]. This time it's on the Ember.js blog, which certainly is a better place for this. This week he discusses changes to Ember Data, the new Router api, and other topics. [article]: http://emberjs.com/blog/2012/12/02/this-week-in-ember-js-2/ [author]: https://twitter.com/bradleypriest

UPDATE: Looks like existing API will still be in place underneath.

It includes several minor changes that could affect your app if you’re on 1.0.pre.

The Ember.js site has a new guide on routing. On the Guides page they call it Understanding the Ember.js Router: A Primer but on the page itself it's called Building Applications with Ember.js, which is more accurate.  This is a great place to start when trying to understand how to build an Ember app from the outside in.

Richard Livsey @rlivsey wrote a simple and very useful tutorial on splitting up your Ember.js routes into multiple files.  If you've wondered how this works, this will clear things up.

Gordon L. Hempton ([@ghempton][twitter]) describes [how to integrate Google Analytics and Mixpanel into your Ember.js app][article]. His technique works for other analytics packages as well. He provides code to drop in and start tracking page views quickly. Thanks to [Emblr][emblr] for the tip. [article]: http://codebrief.com/2012/10/ember-dot-js-analytics-integration/ [twitter]: https://twitter.com/ghempton [emblr]: http://emberjs.tumblr.com/post/32815560493/ember-js-analytics-integration-google-analytics-and