But... It's not all just about what's widely used

We need to get and enjoy our jobs too!

Fun story... React didn't even make this list!

...when Angular 2 is released?

Actually, quite a lot!

For a year or two...

// emoji-getter.js

export default emojiGetter

function emojiGetter(emojiMap) {
  return emojify

  function emojify(emojiCode) {
    return emojiMap[emojiCode] || emojiMap.confused
  }
}

// emoji-getter.test.js
import emojiGetter from './emoji-getter'
import emojiMap from './emoji-map'
const getEmoji = emojiGetter(emojiMap)

describe('emoji-getter', function() {
  it('should default to the confused emoji', function() {
    expect(emojiFilter()).to.equal('😕')
    expect(emojiFilter('gibberish')).to.equal('😕')
  })

  it('should return the right emoji for the emoji code', function() {
    expect(emojiFilter('cherries')).to.equal('🍒')
  })
})

// emoji.filter.js
import angular from 'angular'
import emojiGetter from './emoji-getter'
import emojiMap from './emoji-map'

angular.module('emojiApp')
  .filter('emoji', () => emojiGetter(emojiMap))

// emoji.factory.js
import angular from 'angular'
import emojiGetter from './emoji-getter'
import emojiMap from './emoji-map'

angular.module('emojiApp')
  .factory('emoji', emojiGetter(emojiMap))

// emojiUtils.js
export default {flatten}

function flatten(array) {
  return array.reduce((a, b) => a.concat(b), [])
}

// emojiUtils.test.js
import emojiUtils from './emojiUtils'
describe('emojiUtils', function() {

  describe('flatten', function() {
    const {flatten} = emojiUtils

    it('should flatten an array', function() {
      const input = [[1], [2, 3], [4]]
      const result = [1, 2, 3, 4]
      expect(flatten(input)).to.deep.equal(result)
    })
  })
})

// emojiUtils.factory.js
import angular from 'angular'
import emojiUtils from './emojiUtils'
angular.module('emojiApp')
  .factory('emojiUtils', () => emojiUtils)

// emoji-chooser.directive.after.js
import translations from 'my-translation-module'

angular.module('emojiApp')
  .factory('emojiChooser', emojiChooser)

function emojiChooser() {
  return {
    template: `
      <div>
        ${translations('some.translation.key')}
        <!-- more stuff -->
      </div>
    `,
    // more stuff
  }
}