elm-example.js

// Elm architecture - all data fetching is in the reducer

reducer(state, action) {
    if (action === LOCATION_CHANGE && action.payload === '/send-payment') {
      return loop(state, Cmd.action(fetchData()))
    }
    
    if (action === FETCH_DATA) {
       return loop(state, corporateApiCall())   
    }
}

// React-ish Elm-ish architecture - everything except initial data fetching is in the reducer

class SendPaymentContainer {
    componentDidMount() {
        this.props.fetchData() 
    }
}

reducer(state, action) {
    // the api call is still in the reducer but it's triggered by the lifecycle method
    if (action === FETCH_DATA) {
       return loop(state, corporateApiCall())   
    }
}