312 Articles
-
Coming Soon in Ember Octane - Part 4: Modifiers
Modifiers are similar to Handlebars helpers, they are functions or classes that can be used in templates directly using {{double-curlies}}. The major difference with modifiers is that they are applied directly to elements.
Article by Chris Garrett on 1st March 2019, in Essential Octane
-
Coming Soon in Ember Octane - Part 3: Tracked Properties
Tracked properties are Ember's next iteration on this system. They address all of the above pain points, and then some. The way they work is by explicitly annotating all trackable properties on a class, instead of annotating the dependencies for every single getter, effectively reversing where the annotation occurs.
Article by Chris Garrett on 22nd February 2019, in Essential Octane
-
Coming Soon in Ember Octane - Part 2: Angle Brackets Syntax & Named Arguments
Angle Bracket Syntax, Named Argument Syntax and Required this in Templates explained.
Article by Chris Garrett on 15th February 2019, in Essential Octane
-
Coming Soon in Ember Octane - Part 1: Native Classes
Maybe you're not convinced by the new syntax - after all, it's not that much different than what we have today. There are many other benefits that'll be coming thanks to native classes, and I'd like to touch on them briefly here.
Article by Chris Garrett on 8th February 2019, in Essential Octane
-
How to translate your Ember.js application with ember-intl
How to translate your Ember.js application How to set up ember-intl How to edit and maintain your translations in YAML or JSON files
Article by Andreas Löw on 7th February 2019
-
Ember.js Native Class Update: 2019 Edition
A deep dive into native classes.
Article by Chris Garrett on 22nd January 2019, in Essential Octane
-
How to handle async properties in Ember.js
Many times I encounter a question about how to handle async properties in Ember. I saw a lot of solutions like overwriting property after promise will resolve or handling promise in a template using special helpers. But there is also another, much simpler way! You can use PromiseProxyMixin + ObjectProxy (or ArrayProxy if needed).
Article by Maciej Kwaśniak on 12th December 2018
-
Nested components and angle brackets, a sneaky solution
Article by Ricardo Mendes on 24th October 2018
-
PWA Your Ember App
I’ll walk through the steps needed to take your Ember app out of the mobile browser and onto your users’ home screens. With added native platform support available just this year and the backing of the always-amazing Ember addon ecosystem, making your Ember app fully PWA-capable has never been easier or more worthwhile.
Article by Kevin Pfefferle on 19th October 2018, in EmberFest 2018
-
No Graph Theory Required: Ember and GraphQL in Practice
Article by Rocky Neurock on 12th October 2018
-
Adding a new build notification to an Ember application
Article by Jon Pitcherella on 26th September 2018
-
Using PurgeCSS with Ember.js
After watching talks about Functional CSS at Ember Map, I started looking into starting to usetailwind for my future projects. The way tailwind works is that it generates a lot of CSS classes that you then use purgecss to remove.
Article by Jure Cuhalev on 7th September 2018
-
Decorating Guide: Commonly-Used Ember Decorators
ember-decorators offers a lot of different decorators to allow you to indicate metadata to Ember about your ES6 classes, properties, and methods. I find myself checking the documentation for these a lot, so I thought I’d combine all the common decorators I use in one place.
Article by Josh Justice on 21st August 2018
-
Story-based BDD - an alternative approach to testing with Ember
In this blog post I want to introduce you to an alternative way to test your Ember application: story-based BDD. BDD stand for Behaviour Driven Development. It combines the ideas of TDD (Test Driven Development) with DDD (Domain Driven Design).
Article by Simon Ihmig on 15th August 2018
-
Minimalist Ember (Part 1)
A simple way to update a route’s model when user interaction requires a new view of the data.
Article by Alex Middeleer on 14th August 2018
-
Forcing Trailing Slashes for Routes
Most static asset servers will load index.html files from paths automatically, if they end in a trailing /. However, Ember routes typically omit the /, so to get everything loading, without a redirect, I had to apply some tweaks. This was completely stolen from the Ember Guides App. They use Prember there as well, and several of our techniques overlap.
Article by Robert Wagner on 13th August 2018
-
Ember Guide for Beginners: [03] Services
A Service is an instance that lives for the duration of the app, and can be made available in different parts of it.
Article by Mikko Paderes on 14th July 2018, in Ember Guide for Beginners
-
Ember Guide for Beginners: [02] Components and Templates
Components are an important concept in Ember. It allows us to build large-scale apps in a simple and maintainable way.
Article by Mikko Paderes on 14th July 2018, in Ember Guide for Beginners