Motel Setup Example

motel-setup.js

/*
 * Using `motel` to implement a vacancy observer.
 * This happens once at app startup time.
 */

const motel = require('motel');
const vacancies = motel();

// start observing the DOM for vacancies
vacancies.connect(document.getElementById('#app'));

// pump vacancy observer output into Redux
vacancies.subscribe(action => reduxStore.dispatch(action));

// handle specific vacancy patterns
vacancies.listen('users/:id', async({ id }, dispatch) => {
  dispatch({ type: 'REQUEST_USER', id });
  const resp = await fetch(`/users/${id}`);
  try {
    const user = await resp.json();
    dispatch({ type: 'RECEIVE_USER_DATA', user, id });
  } catch(ex) {
    dispatch({ type: 'RECEIVE_USER_ERROR', ex, id });
  }
});

Vacancy observer pattern described here: https://medium.com/@greim/a-plan-for-data-fetching-a68d171af38