{"id":217,"date":"2026-01-30T09:55:36","date_gmt":"2026-01-30T09:55:36","guid":{"rendered":"https:\/\/productive.io\/engineering\/blog\/"},"modified":"2026-01-30T09:55:36","modified_gmt":"2026-01-30T09:55:36","slug":"learning-ember-easier-way","status":"publish","type":"post","link":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/","title":{"rendered":"Learning Ember: The Easier Way"},"content":{"rendered":"

Engineering<\/a><\/p> –

{{minutes}} min read<\/p>

Learning Ember: The Easier Way<\/h1> \"\" <\/a>

Davor Tvori\u0107<\/p><\/a> Frontend Engineer at Productive. Excited about anything related to computer science. I spend most of my personal time reading and playing video games.

January 30, 2026<\/p> <\/a> <\/a> <\/a> \"\"

A couple of months ago, there was a huge shift in my work-life. Or so I thought.<\/strong><\/p>

Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive. I was sure I would have needed quite some time to get used to it. Up until a few months back, I didn\u2019t know what was going on in the Ember ecosystem. Although this didn\u2019t scare me, I felt like it would be a hefty challenge because I wasn\u2019t sure what I was getting myself into.

Turns out, it\u2019s really not that different from the frameworks I already know. All of the usual things you\u2019d expect are there. Things like store management, component slots, dependency injection and much more. And they were a bit easier to use since it all came out of the box!\u00a0

You don\u2019t have to spend a lot of time deciding between libraries, patterns or technologies because a number of them are already there when you just install Ember. It does have some nuances, pitfalls and you still have to choose between some <\/em>libraries (UI libraries, I\u2019m looking at you), but I haven\u2019t worked with a framework where you didn\u2019t have to worry about anything. After I took all this in, the hefty challenge didn\u2019t seem so bad anymore. Now, this was just a matter of getting used to the framework.

As I\u2019ve started to learn about Ember on a deeper level, a lot of the concepts were familiar to me. Some were described exactly as you\u2019d expected them, some were named differently and some used a different terminology.

But since Ember has such a long history (for a Javascript framework, at least), there are some terms I wasn\u2019t aware of. That\u2019s why I started to write down anything that I wanted to learn more about. This included libraries, phrases, patterns and technologies. I was sure this would help me in the long run, so I\u2019m sharing it with anyone who\u2019s just starting out with Ember.

This is especially helpful if the codebase you\u2019re working on has a couple of years under its belt. It pays off knowing how and why things were done so you don\u2019t accidentally break a functionality when refactoring.

I\u2019ve talked long enough, so here\u2019s the list!<\/p>

Embroider<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/h2>

A modern, full-featured build system<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Some build features it is supposed to provide:<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Reduced build and reload times<\/p>

Tree shaking for Ember related modules, components, etc.<\/p>

Support for arbitrary code splitting<\/p>

You can opt-in to use it, but will be used in the future<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>SPEC<\/a><\/p>

<\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>The Ember Times answer<\/a><\/p>

Glimmer<\/strong><\/strong><\/h2>

DOM rendering engine<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Architected like a virtual machine (uses <\/strong>Glimmer VM<\/a>)<\/strong><\/p>

Can coexist with classic components<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Builds a \u201clive\u201d DOM from Handlebars templates and cheaply updates after data changes<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Github<\/a><\/p>

<\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Web page<\/a><\/p>

Classic Components<\/strong><\/strong><\/h2>

Older-style components that do not use native classes<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Glimmer components are preferred nowadays<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>A comparison between classic and Glimmer components<\/a><\/p>

<\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Glimmer components<\/a><\/p>

Handlebars<\/strong><\/strong><\/h2>

A templating language not specific to Ember<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Used in Ember to define component templates<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

A superset of Mustache templates<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Adds some functionalities to make writing templates easier<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Web page<\/a><\/p>

Mustache<\/strong><\/strong><\/h2>

Can be used to template anything, not just HTML<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Called logic-less because it has no if statements, else clauses or for loops<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Web page<\/a><\/p>

Broccoli<\/strong><\/strong><\/h2>

An asset pipeline<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Used for converting ES6 to ES5, SCSS to CSS, etc.<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Supports constant-time rebuilds<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Came as a replacement for<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong> Grunt<\/a><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Github<\/a><\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Intro to Broccoli.js<\/a><\/p>

\u201cData down, actions up\u201d<\/strong><\/strong><\/h2>

Represents a unidirectional flow of data<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Passing data to a child component or subroute<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

The child component receives the actions that modify the given data<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Helps with the separation of concerns<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Avoids complex data loops<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Not specifically related to Ember, but mentioned in the docs a lot<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>The Ember Times answer<\/a><\/p>

Ember Helpers<\/strong><\/strong><\/h2>

Javascript functions that can be called from the template<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Ember offers some helpers out of the box, like:<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a>Let<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a>Get<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a>Concat<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Ember guide – Helper functions<\/a><\/p>

Ember Engines<\/strong><\/strong><\/h2>

A specific type of Ember addon<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Allows multiple logical applications to be composed into a single application from the user\u2019s perspective<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Requires a host application since they don\u2019t boot themselves<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Helpful when trying to separate the different areas of a single application<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Can be used in the host repository or in a entirely different repository<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Web page<\/a><\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Pros & Cons of Ember Engines<\/a><\/p>

Ember Test Helpers<\/strong><\/strong><\/h2>

DOM and other testing helpers that are not automatically included when Ember is installed<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Github<\/a><\/p>

Ember Fastboot<\/strong><\/strong><\/h2>

Ember SSR<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Does not require codebase changes for it to work<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Web page<\/a><\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Github<\/a><\/p>

Ember Modifiers<\/strong><\/strong><\/h2>

A way to interact with the DOM in Ember (instead of manual interaction)<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Some modifiers come out of the box, but you can also write custom ones<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/a><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong>Ember guides – Template Lifecycle, DOM and modifiers<\/a><\/p>

Github<\/a><\/p>

Autotracking<\/strong><\/strong><\/h2>

Ember\u2019s reactivity model<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Decides what to render and when<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a>Ember guides – Autotracking In-Depth<\/a><\/b><\/p>

<\/a><\/strong>How Autotracking Works<\/a><\/b><\/p>

Qunit<\/strong><\/strong><\/h2>

A testing framework<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

It was used in jQuery, but was extracted as a separate project<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Not specific to Ember, but is used in Ember by default<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/strong>Web page<\/a><\/b><\/p>

<\/a><\/strong>DOM assertions<\/a><\/b><\/p>

Ember CLI<\/strong><\/strong><\/h2>

The official way to create, build, test and serve Ember projects<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Other frameworks have their own versions, as well<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

<\/a><\/a><\/strong>The Ember CLI<\/a><\/b><\/p>

<\/a><\/strong><\/a>Github<\/a><\/b><\/p>

Octane<\/strong><\/strong><\/h2>

The current edition of Ember released in December 2019<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Introduced a lot of new concepts and newer ways of developing<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Glimmer components<\/p>

Modifiers<\/p>

…<\/p>

Learn more about it:<\/p>

<\/a><\/a><\/strong>Octane introduction post<\/a><\/b><\/p>

<\/a><\/a><\/strong><\/a>Ember guides – Introduction<\/a><\/b><\/p>

Polaris<\/strong><\/strong><\/h2>

Ember\u2019s next edition<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Will introduce more new concepts and functionalities<\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/strong><\/p>

Learn more about it:<\/p>

The road to Ember 4.0<\/a><\/b><\/p>

I\u2019m sure some things might be missing, but this is what was the most puzzling to me. Hopefully, you\u2019ll find some use of all these terms!

Also, I feel like it would be kind of rude not to mention the resources I used while learning Ember: (yay, more lists)!<\/p>

<\/a>Ember guides<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong>Rock and Roll with Ember.js<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong>Ember map<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong>Ember Discord server<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong>Ember Learn page<\/strong><\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong>Ember conf<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong>pzuraq<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong>nullvoxpopuli<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong>The Ember Times<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/a><\/strong><\/strong>Ember Observer<\/a><\/b><\/p>

<\/a><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/strong><\/a><\/a><\/a><\/a><\/a>Even more resources<\/a><\/b><\/p> \"\"

Davor Tvori\u0107<\/p> Frontend Engineer at Productive. Excited about anything related to computer science. I spend most of my personal time reading and playing video games. More From This Author <\/a>

Related articles<\/h2> \"\"

Engineering \u2022 Frontend<\/p>

How React Ruined Web Development<\/h2> <\/a> \"\"

Engineering \u2022 Workflow<\/p>

Pull Requests\u2014The Good, the Bad and Really, Not That Ugly<\/h2> <\/a>

Related jobs<\/h2>

Open Job Application<\/p>

<\/p> <\/a>","protected":false},"excerpt":{"rendered":"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.","protected":false},"author":36,"featured_media":115,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"es_utils_meta_schema":"","footnotes":""},"categories":[7,12],"tags":[],"class_list":["post-217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering","category-frontend"],"acf":[],"yoast_head":"\nLearning Ember: The Easier Way - Building Productive<\/title>\n<meta name=\"description\" content=\"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learning Ember: The Easier Way\" \/>\n<meta property=\"og:description\" content=\"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\" \/>\n<meta property=\"og:site_name\" content=\"Building Productive\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-30T09:55:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1900\" \/>\n\t<meta property=\"og:image:height\" content=\"796\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Davor Tvori\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Davor Tvori\u0107\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\"},\"author\":{\"name\":\"Davor Tvori\u0107\",\"@id\":\"https:\/\/productive.io\/engineering\/#\/schema\/person\/22695e91a067ef9af20e9add38713fe7\"},\"headline\":\"Learning Ember: The Easier Way\",\"datePublished\":\"2026-01-30T09:55:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\"},\"wordCount\":5,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png\",\"articleSection\":[\"Engineering\",\"Frontend\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\",\"url\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\",\"name\":\"Learning Ember: The Easier Way - Building Productive\",\"isPartOf\":{\"@id\":\"https:\/\/productive.io\/engineering\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png\",\"datePublished\":\"2026-01-30T09:55:36+00:00\",\"author\":{\"@id\":\"https:\/\/productive.io\/engineering\/#\/schema\/person\/22695e91a067ef9af20e9add38713fe7\"},\"description\":\"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.\",\"breadcrumb\":{\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage\",\"url\":\"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png\",\"contentUrl\":\"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png\",\"width\":1900,\"height\":796},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/productive.io\/engineering\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learning Ember: The Easier Way\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/productive.io\/engineering\/#website\",\"url\":\"https:\/\/productive.io\/engineering\/\",\"name\":\"Building Productive\",\"description\":\"Just another Productive Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/productive.io\/engineering\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/productive.io\/engineering\/#\/schema\/person\/22695e91a067ef9af20e9add38713fe7\",\"name\":\"Davor Tvori\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f7512ce4cf3abb022d54c7c693b492a2bb88c67aca49cbb2e1fddbb86df0dc5e?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f7512ce4cf3abb022d54c7c693b492a2bb88c67aca49cbb2e1fddbb86df0dc5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f7512ce4cf3abb022d54c7c693b492a2bb88c67aca49cbb2e1fddbb86df0dc5e?s=96&d=mm&r=g\",\"caption\":\"Davor Tvori\u0107\"},\"url\":\"https:\/\/productive.io\/engineering\/author\/davor-tvoric\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Learning Ember: The Easier Way - Building Productive","description":"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/","og_locale":"en_US","og_type":"article","og_title":"Learning Ember: The Easier Way","og_description":"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.","og_url":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/","og_site_name":"Building Productive","article_published_time":"2026-01-30T09:55:36+00:00","og_image":[{"width":1900,"height":796,"url":"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png","type":"image\/png"}],"author":"Davor Tvori\u0107","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Davor Tvori\u0107"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#article","isPartOf":{"@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/"},"author":{"name":"Davor Tvori\u0107","@id":"https:\/\/productive.io\/engineering\/#\/schema\/person\/22695e91a067ef9af20e9add38713fe7"},"headline":"Learning Ember: The Easier Way","datePublished":"2026-01-30T09:55:36+00:00","mainEntityOfPage":{"@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/"},"wordCount":5,"commentCount":0,"image":{"@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage"},"thumbnailUrl":"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png","articleSection":["Engineering","Frontend"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/","url":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/","name":"Learning Ember: The Easier Way - Building Productive","isPartOf":{"@id":"https:\/\/productive.io\/engineering\/#website"},"primaryImageOfPage":{"@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage"},"image":{"@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage"},"thumbnailUrl":"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png","datePublished":"2026-01-30T09:55:36+00:00","author":{"@id":"https:\/\/productive.io\/engineering\/#\/schema\/person\/22695e91a067ef9af20e9add38713fe7"},"description":"Instead of working in Vue or React, I had to learn Ember for my new frontend position at Productive.","breadcrumb":{"@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/productive.io\/engineering\/learning-ember-easier-way\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#primaryimage","url":"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png","contentUrl":"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png","width":1900,"height":796},{"@type":"BreadcrumbList","@id":"https:\/\/productive.io\/engineering\/learning-ember-easier-way\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/productive.io\/engineering\/"},{"@type":"ListItem","position":2,"name":"Learning Ember: The Easier Way"}]},{"@type":"WebSite","@id":"https:\/\/productive.io\/engineering\/#website","url":"https:\/\/productive.io\/engineering\/","name":"Building Productive","description":"Just another Productive Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/productive.io\/engineering\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/productive.io\/engineering\/#\/schema\/person\/22695e91a067ef9af20e9add38713fe7","name":"Davor Tvori\u0107","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f7512ce4cf3abb022d54c7c693b492a2bb88c67aca49cbb2e1fddbb86df0dc5e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f7512ce4cf3abb022d54c7c693b492a2bb88c67aca49cbb2e1fddbb86df0dc5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f7512ce4cf3abb022d54c7c693b492a2bb88c67aca49cbb2e1fddbb86df0dc5e?s=96&d=mm&r=g","caption":"Davor Tvori\u0107"},"url":"https:\/\/productive.io\/engineering\/author\/davor-tvoric\/"}]}},"featured_image":"https:\/\/website-assets.productive.io\/uploads\/sites\/2\/2022\/11\/BP_ember.png","category":"Engineering","_links":{"self":[{"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/posts\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":10,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/posts\/217\/revisions"}],"predecessor-version":[{"id":991,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/posts\/217\/revisions\/991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/media\/115"}],"wp:attachment":[{"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/media?parent=217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/categories?post=217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/productive.io\/engineering\/wp-json\/wp\/v2\/tags?post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Github<\/a><\/p>