This version of the site is now archived. See the next version at v5.chriskrycho.com.

Typing Your Ember

Using TypeScript with Ember.js

Overview

You write Ember.js apps. You think TypeScript would be helpful in building a more robust app as it increases in size or has more people working on it. But you have questions about how to make it work.

This is the series for you! I’ll talk through everything: from the very basics of how to set up your Ember.js app to use TypeScript to how you can get the most out of TypeScript today—and I’ll be pretty clear about the current tradeoffs and limitations, too.

Parts in the Series

This list is updated whenever I publish a new post in the series. You can also subscribe to the dedicated #typing-your-ember RSS feed, or to the more general #typescript and #emberjs RSS feeds. I’ve organized this listing by parts of the series, since the chronological sequence is available in the tag listing.

Initial Series

  1. Set your Ember.js project up to use TypeScript. (May 5, 2017)
  2. Adding TypeScript to an existing Ember.js project. (May 7, 2017)
  3. How to actually use types effectively in Ember today. (July 28, 2017)
  4. Example: using Ember for view and lifecycle but plain-old TypeScript otherwise. (July 31, 2017)

Update Series

  1. Update, Part 1: How do things look in early 2018? Pretty good, actually! (January 22, 2018)
  2. Update, Part 2: Class properties—some notes on how things differ from the Ember.Object world. (January 24, 2018)
  3. Update, Part 3: Computed properties, actions, mixins, and class methods. (January 25, 2018)
  4. Update, Part 4: Using Ember Data, and service and controller injections improvements. (February 8, 2018)