Async component transitions

component.js

Depots.load = function load (state, callback) {
  xhr('...', function (err, data) {
    if (err) return callback(err)
    state[arrayKey].set(data)
    callback(null, data)
  })
}


// app.js

Depots.load(state.depots, function (err, data) {
  if (err) return console.error(err)
  console.log('data', data)
})

var steps = [{
  component: Depots,
  key: 'depots'
}]

var Component = steps[index].component

var load = Component.load || noopLoad

if (typeof Component.load === 'function') {
  state.loading.set(true)
  Component.load(state[key], function () {
    state.loading.set(false)
  })
}

function noopLoad (state, callback) {
  callback(null)
}