guigonc

(function mediaQueryPolyfill() {
  const mediaQueryAll = window.matchMedia('all');

  if (typeof mediaQueryAll.addEventListener == 'function') return

  const defaultMatchMedia = window.matchMedia;

  window.matchMedia = function (query) {
    const mediaQuery = defaultMatchMedia(query);
    

guigonc

const fetchAccountsIfNeeded = () => (dispatch, getState) => {
  if (shouldFetchAccounts(getState()))
    return dispatch(fetchAccounts())
}

const shouldFetchAccounts = ({ accounts }) => !accounts.fetching && !accounts.upToDate

const fetchAccounts = () => dispatch => {
  dispatch(requestAccounts())
  return axios.get(`${apiHost}${accountsPath}`)

guigonc

const mapStateToProps = (state) => ({
  accounts: state.accounts.items
})

const mapDispatchToProps = (dispatch) => ({
  fetchAccounts: () => dispatch(fetchAccountsIfNeeded())
})

export default compose(
  connect(mapStateToProps, mapDispatchToProps),

guigonc

const compose = (f, g) => (x) => f(g(x))

guigonc

const mapStateToProps = (state) => ({
  accounts: state.accounts.items
})

const mapDispatchToProps = (dispatch) => ({
  fetchAccounts: () => dispatch(fetchAccountsIfNeeded())
})

export default connect(
  mapStateToProps, 

guigonc

const callOnMount = callback => WrappedComponent => class extends Component {
  
  componentDidMount() {
    callback(this.props)
  }
  
  render() {
    return (<WrappedComponent {...this.props} />)
  }
}

guigonc

const BareComponent = () => <div>Hello</div>

export default enhancer(BareComponent)

guigonc

class AccountListContainer extends Component { 
  
  componentDidMount() {
    this.props.fetchAccounts()
  }
  
  render() {
    return (<AccountList {...this.props} />)
  }
}

guigonc

const AccountList = ({ accounts }) => (<ul>
  {
    accounts.map(account =>
      <li key={account.id}>{account.name}</li>
    )
  }
</ul>)

guigonc

const mapStateToProps = state => ({
  accounts: state.accounts.items
})

const mapDispatchToProps = dispatch => ({
  fetchAccounts: () => dispatch(fetchAccountsIfNeeded())
})

export default connect(mapStateToProps, mapDispatchToProps)(AccountList)