actions.js

function fetchSiteStatus(){
  //pretend this is being fetched from a server
  return {
    type: 'FETCH_SITE_STATUS'
    payload: { currentStatus: 'awesome', currentUser: 'John', lastLogin: new Date() }
  }
}

function fetchStatuses(){
  //also from the server
  return {
    type: 'FETCH_STATUSES'
    payload: [
      { status: 'initial' },
      { status: 'awesome' }
    ]
  }
}

function addStatus(status, location){
  return {
    type: 'ADD_STATUS'
    payload: { status, location }
  }
}

reducers.js

var siteState = {
  currentStatus: null,
  currentuser: 'guest',
  lastLogin: null
}

function siteStatusReducer(state = siteState, action){
  if ( action.type === 'ADD_STATUS'){
    // I need to ONLY update currentStatus if the status was added at the end of the status stack
    // not if it was inserted somewhere in the middle
    // tradition flux i'd just use a waitFor() here
    return { ...state, currentStatus: ??? }
  }
  if (action.type === 'FETCH_SITE_STATUS')
    return action.payload // { currentStatus: 'awesome', ... }
    
  return state
}

function statusesReducer(state = [], action){
  var { status, location } = action.payload; //just using indexes in lieu of dates, for simplicity
  
  if ( action.type === 'ADD_STATUS')
    return insertAtIndex(state, location)
    
  if (action.type === 'FETCH_STATUSES')
    return action.payload // [Statuses]
    
  return state
}