This article contains content that is written like an advertisement. (February 2016) (Learn how and when to remove this template message)
|Original author(s)||Yehuda Katz|
|Developer(s)||Ember Core Team|
|Initial release||8 December 2011|
3.7.3 / February 6, 2019
Ember is used on many popular websites, including Discourse, Groupon, LinkedIn, Vine, Live Nation, Nordstrom, Twitch.tv and Chipotle. Although primarily considered a framework for the web, it is also possible to build desktop and mobile applications in Ember. The most notable example of an Ember desktop application is Apple Music, a feature of the iTunes desktop application.The Ember trademark is owned by Tilde Inc. 
- 1 Philosophy and design
- 2 Basic concepts
- 3 Ember 2.0
- 4 Ember software stack
- 5 Release process
- 6 Future development
- 7 History
- 8 Corporate sponsorship
- 9 References
- 10 Further reading
- 11 External links
Philosophy and design
From the beginning Ember was designed around several key ideas:
- Focus on ambitious web applications
- More productive out of the box
- Ember is one component of a set of tools that work together to provide a complete development stack. The aim of these tools is to make the developer productive immediately. For example Ember CLI, provides a standard application structure and build pipeline. It also has a pluggable architecture and over 3500 addons to enhance and extend it.
- Stability without stagnation
- This is the idea that backward compatibility is important and can be maintained while still innovating and evolving the framework.
- Future web standards foresight
Like Ruby on Rails, Ember follows Convention over Configuration (CoC), and the Don't Repeat Yourself (DRY) principle. It has been described as a highly opinionated framework built to be very flexible.
Ember consists of five key concepts:
- In Ember, the state of an application is represented by a URL. Each URL has a corresponding route object that controls what is visible to the user.
- Every route has an associated model, containing the data associated with the current state of the application. While one can use jQuery to load JSON objects from a server and use those objects as models, most applications use a model library such as Ember Data to handle this.
- Templates are used to build the application's HTML and are written with the HTMLBars templating language. (HTMLBars is a variation of Handlebars that builds DOM elements rather than a String.)
- Services are just singleton objects to hold long-lived data such as user sessions.
- One way data flow by default. (Referred to as "data down, actions up".)
- "Just refresh it" when something changes.
- Standard lifecycle hooks for components.
Another major change was the introduction of the Glimmer rendering engine with the aim of improving re-render performance. Glimmer adopts a value-diffing strategy, using a virtual tree of the dynamic areas of the document object model (DOM), similar to React. A number of benchmarks illustrating the speedup in performance have been published.
Since version 1.8 new features identified for 2.0 have been shipped when ready on the 1.x branch, while still maintaining backward compatibility. Features due to be removed in 2.0 have been deprecated. This means that 1.13 contains virtually all 2.0 changes, with 2.0 mainly being about removing deprecated features from the code base. In many cases the removed code is still available in addons.
Ember software stack
Ember.js is one component of a complete front end stack built and supported by the Ember core team.
Ember-cli aims to bring convention over configuration to build tools. A command line utility based on broccoli, running the command
ember new <app-name> generates a new Ember app with the default stack. This provides:
- A standard file and directory structure.
- Development server with live reload. Out of the box this will automatically rebuild apps incrementally whenever files are changed, and then reload the app in any open browser tabs.
- A complete testing framework.
- Dependencies managed via npm.
- ES6/ES7+ syntax support (using Babel).
- Asset management (including combining, minifying, and versioning).
Other features include:
- Blueprints, which are code generators for creating models, controllers, components, and so on that are needed in an application. Custom blueprints can also be created.
- Addons which provide the ability to extend the features of Ember CLI. Addons can be installed by typing
ember install <addon-name>. Over two thousand addons are currently available including addons for CoffeeScript, LESS, Sass, Compass and Mocha.
Most Ember applications use Ember Data, a data-persistence library providing many of the facilities of an object-relational mapping (ORM). However it is also possible to use Ember without Ember Data.
Ember Data maps client-side models to server-side data. It can then load and save records and their relationships without any configuration via a RESTful JSON API that implements the JSON API specification, provided certain conventions are followed. However it is also easily configurable and can work with any server through the use of adapters and addons. JSON API has server library implementations for PHP, Node.js, Ruby, Python, Go, .NET and Java. Connecting to a Java-Spring based server is also documented.
The first stable version of Ember Data (labelled 1.13 to align with Ember itself) was released on 18 June 2015.
The Ember Inspector is an extension currently available for the Mozilla Firefox and Google Chrome web browsers that claims to make debugging Ember applications easier. Features include the ability to see which templates, components, and views are currently rendered, see the properties of any Ember object with a UI that computes bindings and computed properties, and access your application's objects from the console. If Ember Data is used, one can also see the records loaded for each model.
- The Object Inspector allows you to view and edit the runtime contents of Ember Objects and Classes.
- The View Tree visually displays the structure of the rendered Ember application.
- The Routes tab allows one to determine and follow the router state and the urls used to represent routes.
- The Data tab can show you the models in your application and records loaded for each model.
- The Info tab displays versions of your dependencies.
- The Deprecations tab allows for getting stacktraces of deprecation warnings that do not trigger exceptions.
- The Promises tab allows for tracing of code through asynchronous operations.
- The Container tab is useful for checking which objects have been loaded.
- The Render Performance tab is for determining what is slowing down your Ember application.
Liquid Fire provides animation support for Ember applications. Features include animated transitions between routes and between models within a single route. It provides a DSL for laying out spatial route relationships, cleanly separated from view-layer implementation details. A simple example would be to animate a screen transition, so that the new screen appears to slide in from one edge of the browser.
Ember follows a six-week release cycle, inspired by the rapid release cycle of Google Chrome. Every six weeks a new release is made available, and at the same time a beta for the next release is also published. Generally several betas are produced before the next major release comes round, roughly one beta per week.
Starting with Ember 2.0, related projects supported by the core team have their releases coordinated, and share a version number with Ember itself.
Upgrading and backward compatibility
Ember follows the semantic versioning convention. In particular this means that breaking changes are only introduced at major version numbers such as 1.0, 2.0 etc. While new features can be added at point releases (1.1, 1.2...), and features deprecated, no breaking changes to the public API's are introduced and upgrading within a major version is designed to be as simple as possible. Tooling is also under development to help streamline the upgrade process.
In addition to this process a number of steps were taken to mitigate issues around upgrading to the 2.0 release:
- All major 2.0 features were in fact introduced early and spread out over a number of releases in order to reduce many of the issues caused by big-bang upgrades.
- Most features that were removed are still available through addons.
Project status can be tracked via the core team meeting minutes. However major changes to Ember go through the Request For Comment process. This gives the Ember community a chance to give feedback on new proposals. Notable RFCs include:
- Engines. Engines allow multiple logical applications to be composed together into a single application from the user's perspective. Currently released as an experimental addon.
- Release cycle improvements. Among other things it proposes changes to Ember CLI to support "svelte builds", which will strip out deprecated and unused features.
- Outlet Focusing. Making Ember accessible by default. This RFC aims to improves the user experience for people using screen readers.
In December 2011, the SproutCore 2.0 framework was renamed to Ember.js, to reduce confusion between the application framework and the widget library of SproutCore 1.0. The framework was created by Yehuda Katz, a member of the jQuery, Ruby on Rails and SproutCore core teams. Like many of Katz's other projects, it advocates convention over configuration.
Legacy browser support
Support for Internet Explorer 8 is available up to version 1.13, but will be dropped from release 2.0 onwards. Internet Explorer 9 and later will continue to be supported. The core team will continue to periodically publish point releases in the 1.13 series to patch security bugs and browser compatibility issues, including issues in IE8.
Unlike other projects such as AngularJS (Google) and React (Facebook) which have the backing of one main company, Emberjs has a variety of sponsors. These include Yahoo!, LinkedIn and Bustle which are all major users of the framework.
- "Releases · emberjs/ember.js". GitHub. Retrieved 14 February 2018.
- "ember.js/LICENSE". GitHub. Retrieved 27 April 2017.
- Aghassipour, Alexander; Chacko, Shajith (30 Nov 2012). "Enterprise Apps Are Moving To Single-Page Design". TechCrunch.
- "Discourse-Built with Ember.js". GitHub. Retrieved 15 Jul 2015.
- "Building With Ember.js at Groupon". TalentBuddy. Retrieved 15 Oct 2015.
- "Ember-Write Once, Run Everywhere". GitHub. 5 Jul 2015.
- "Build better desktop apps with Ember". SpeakerDeck. 5 Jul 2015.
- "Wicked Good Ember 2015 talk - Build better desktop apps with Ember, video". 5 Jul 2015.
- "Built with ember - Apple Music". BuiltWithEmber. Retrieved 21 Jul 2016.
- "Ember.js: Legal". emberjs.com. Retrieved 2019-02-14.
- "Ember CLI". Retrieved 15 Dec 2018.
- "Ember Addons". Retrieved 15 Dec 2018.
- Asay, Matt. "Innovating Fast And Slow: EmberJS Insists, "We Don't Need To Break The Web"". ReadWrite. Retrieved 18 Jun 2015.
- "Web Components". WebComponents. Retrieved 18 Jun 2015.
- "TC39: Members". TC39Wiki. Retrieved 18 Jun 2015.
- "What we've learnt from Ember.js after 2 months developing our new product". Solid. Retrieved 3 November 2015.
- "Top Reasons Why Industry Experts Use Ember.js And How You Can Adopt It Yourself". TalentBuddy. Retrieved 14 October 2015.
- Frank Treacy. "5 Essential Ember 2.0 Concepts You Must Understand". EmberIgniter. Retrieved 31 August 2015.
- "Ember.js - Models: Introduction". Emberjs. Retrieved 21 Jan 2014.
- Jackson, Robert. "HTMLBars". GitHub. Retrieved 18 February 2015.
- "How To Add Polymer To Your Ember Project". ProgramWithErik. Retrieved 11 Aug 2015.
- "Ember Services Tutorial". ProgramWithErik. Retrieved 27 July 2015.
- Bango, Rey (14 Mar 2013). "Getting Into Ember.js". Nettuts+.
- "Ember Releases". Retrieved 15 Dec 2018.
- "The road to Ember 2.0". Retrieved 19 June 2015.
- "Ember Best Practices: Actions Down, Data Up... wait what?". Retrieved 20 October 2015.
- "Glimmer Engine-purpose and implementation". GitHub. Retrieved 19 June 2015.
- "Ember performance with Glimmer-before and after". youtube.com. Retrieved 19 June 2015.
- "Ember.js 2.0 Released". Emberjs. Retrieved 13 August 2015.
- "Ember Legacy Views". Retrieved 19 June 2015.
- "Ember CLI". Retrieved 15 Dec 2018.
- "Ember testing". Retrieved 15 Dec 2018.
- "Ember CLI-managing dependencies". Retrieved 15 Dec 2018.
- "Ember CLI asset compilation". Retrieved 15 Dec 2018.
- "Ember CLI Blueprints". Retrieved 15 Dec 2018.
- "Ember CLI Writing Addons". Retrieved 15 Dec 2018.
- "Ember Addons directory". emberobserver.com. Retrieved 15 Dec 2018.
- "Ember CLI Overview". Retrieved 15 Dec 2018.
- "Ember Data README". Retrieved 4 Dec 2013.
- "Ember without Ember Data". Evil Trout. Retrieved 2 Jan 2014.
- "JSON API specification". Retrieved 16 Jun 2015.
- "Ember.js Models". Emberjs. Retrieved 26 Jun 2015.
- "Ember Observer-Data". EmberObserver. Retrieved 16 Jun 2015.
- "JSON API implementations". JSON API. Retrieved 26 Jun 2015.
- "Integrating Ember.js with the Spring Framework". SpringEmber. Retrieved 26 Jun 2015.
- "Ember Data 1.13 release". Retrieved 18 Jun 2015.
- "Firefox Addons - Ember Inspector". Mozilla. Retrieved 5 August 2015.
- "Chrome Web Store - Ember Inspector". Chrome Web Store. Retrieved 18 Feb 2014.
- "Ember Inspector". Ember.js. Retrieved 28 Jun 2015.
- "Inside Fastboot. Faking the DOM in node". Emberjs. Retrieved 19 June 2015.
- "Liquid Fire: Animations & Transitions for Ember Apps". GitHub. Retrieved 19 June 2015.
- "Animations in Ember.js with liquid-fire". airpair.com. Retrieved 10 July 2015.
- "New Ember release process". Retrieved 19 June 2015.
- "Ember Project at 2.0". Retrieved 19 June 2015.
- "Ember API Freeze". Retrieved 19 June 2015.
- "Ember Watson Addon". Retrieved 19 June 2015.
- "Angular 2.0 announcement". Retrieved 19 June 2015.
- "Ember core team meeting minutes". Emberjs. Retrieved 5 Jul 2015.
- "Ember RFC process". Emberjs. Retrieved 18 Jun 2015.
- "Engines". Emberjs. Retrieved 3 Feb 2015.
- "Ember Engines". EmberAddons.com. Retrieved 19 Jan 2016.
- "Release cycle improvements RFC". Emberjs. Retrieved 18 Jun 2015.
- "Outlet Focusing RFC". Emberjs. Retrieved 18 Jun 2015.
- "SproutCore 2.0 becomes Ember.js". The H. 13 Dec 2011.
- "Amber.js (formerly SproutCore 2.0) is now Ember.js". yehudakatz.com. 12 Dec 2011.
- "IE8 support update". Emberjs. Retrieved 18 Jun 2015.
- "1.13 with Extended Browser Support". Emberjs. Retrieved 18 Jun 2015.
- "Interview with Mike North, Principle Software Engineer, Yahoo". Emberweekend. Retrieved 10 Aug 2015.
- "Ember sponsors". Emberjs. Retrieved 18 Jun 2015.
- Builes, Adolfo (2015). "Ember-cli 101". Leanpub. Regularly updated.
- Erdi, Balint (2015). "Rock and Roll with Ember.js". balinterdi.com. Regularly updated.
- White, Matthew (2015). Deliver Audacious Web Apps with Ember 2. The Pragmatic Programmers, LLC. ISBN 978-1-68050-078-3.
- Official website
- ember.js on GitHub
- Ember on Twitter
- "Ember Guides". The official guide to learn Ember.
- "Getting Started with Ember.js using Ember CLI".
- Hanchett, Erik. "Top 5 Best Beginner Ember.js Tutorials".[dead link]
- Chan, Godfrey. "Ember.js: An Antidote To Your Hype Fatigue".
- Erdi, Balint. "Animations in Ember.js with liquid-fire".
- "Ember Watch". Collection of links to Ember resources.
- "Ember Weekly". Weekly newsletter on Ember.
- "Ember screencasts". Short screencasts covering various Ember features.
- "Ember Land Podcast". Bi-weekly podcast.
- "Ember Weekend Podcast". Weekly podcast.