Differential Serving of assets in Ember

March, 2019   |

This is an update on an approach that I blogged about earlier. The market share of users with evergreen browsers is rising fast. Inspite of this, we ship transpiled assets, often caused by the need to support legacy browsers like IE, to everyone. This is because dropping browser support isn't an...


Eagerly prefetching a route's models to make apps faster

September, 2018   |

There is a 200-300ms interval between a user hovering on a link and actually clicking it. If we use this time to prefetch the target route's model in our Ember applications, the app will feel faster and users will have a better experience. Implementing this in Ember apps is trivial. We can make ...


ember-pickr

January, 2019   |

ember-pickr provides a wrapper for Pickr, a flat, responsive and hackable color picker. ember-pickr is smart about including pickr. It chooses an ES5 or ES6 version based on the browser targets of the consuming project. This way, the size of the addon stays as low as possible. ...


Render the scene and not the universe

September, 2018   |

Anyone who has profiled long list views will know how slow they can get irrespective of the framework used. Tools like vertical-collection help in improving the initial and re-render performance by rendering only the scene and not the universe. Even with tools like these, there might be signific...


ember-line-graph

June, 2018   |

ember-line-graph is a tiny(1.74kb gzipped), zero-dependency ember-addon to draw line charts. It uses SVGs to create charts so it is scalable and supports animations and gradients. Installation ember install ember-line-graph Usage De...


Shipping EmberJS bundles based on the user's browser

June, 2018   |

Update: I have written about a newer and simpler approach to do this here. EmberJS provided a way to specify browser targets in April, 2017. With this, one could specify a list of browsers based on the app consumers' analytics and ship properly transpiled code. When this came out, a few people i...


ember-display-in-browser

May, 2018   |

Inspired by react-render-in-browser, I put together an addon for EmberJS to display content based on the user's browser. Head out to the demo page to try it out and here is the repo, if you want to see the code or file an issue :) Why? 🤔 Say you are developing an application that makes use of f...


Reducing rebuild time with Broccoli Caching Writer

October, 2017   |

We use the ember-bundle-i18n package to perform i18n of our SPA. One thing that I noticed over time was how this addon was always being printed in the build timing log printed by Ember-CLI on each rebuild. Now the size of our i18n files were huge and it made sense that they took some time. Howev...