In our previous post about ember-freestyle we have setup
a component playground for our Ember.js application. In this post we will
discuss how to implement "convention over configuration" for it by automatically
discovering new components and showing them in the playground.
June 5, 2018
In May 2018, Ember Core team member Katie Gengler published Ember's 2018 Roadmap: A Call for Blog Posts. With this call-to-action she invites the community to give feedback on their hopes and wishes for Ember moving forward. In this context, I also want to share some of my own thoughts on Ember and what I'd be excited to see in its nearest future.
May 30, 2018
I recently had to implement a controller, which took care of receiving and processing webhooks. The thing is, the application had to handle webhooks which often contained very different information, and they were all going to one route and one controller action. This didn't really seem to fit with my goal of keeping controller actions concise and focused. So I set out to find a better solution.
February 14, 2018
A component playground is an application that you can use to test out and play
around with your custom components in isolation from the rest of your project.
In the React and Vue ecosystem Storybook is a quite popular project
that implements such a component playground as part of your app. In the Ember
ecosystem we have the ember-freestyle addon that can be
used for this purpose. This blog post will show you how to install
ember-freestyle in your app and how to use it to build and test components in
isolation.
January 24, 2018
We recently improved the initial load time of an Ember.js app for mobile clients, by using Ember Engines and leveraging that to lazily loaded parts of the app's code. In this blog post we're going to show how we extracted the engine out of the app and discuss some smaller issues we ran into along the way and how we solved them. So let's dive right in!
December 4, 2017
Back in January we wrote about the
latest changes in
ember-test-selectors and
how we implemented them. Since then we adjusted a few things and this blog post
should give you an idea what has happened so far and what else will happen
before we feel comfortable promoting the addon to v1.0.0.
November 17, 2017
At EmberFest this year we presented and released
qunit-dom. A plugin for
QUnit providing High Level DOM Assertions with the goal
to reduce test complexity for all QUnit users. This blog post will show you how
to write simpler tests using async/await and qunit-dom.
October 24, 2017
Often when working on large codebases, my changes break some existing tests. While I would prefer my coding to be perfect, it's highly unlikely that I'll ever achieve the state of coding zen, so it's nice to know I have a test suite to catch me when I fall. Given that the codebase is large and in the majority not written by me, I tend to be introduced to code via the test files. One important principle I've started to follow when writing and refactoring tests is AAA.
September 17, 2017
At this year's EmberConf the Ember core team officially announced the release of Glimmer - a light-weight JavaScript library aimed to provide a useful toolset for creating fast and reusable UI components. Powered by the already battle-tested Ember-CLI, developers can build their Glimmer apps in an easy and efficient manner as they already came to love building applications in Ember.js before.
August 28, 2017
Ember's computed properties are a great mechanism for encapsulating reactive logic and implementing consistent, auto-updating UIs. Since the past year or so though, there seems to be an increasing tendency in the community to use template helpers as the main tool for expressing this kind of logic right in the templates. Following up on a talk I gave at last year's EmberFest, I'll elaborate in this post why I think that is often not the best choice and what the drawbacks are.
March 21, 2017