Best strategy for making API calls from stencil apps?

Question

I am trying to use the npm init stencil in app mode. however, this creates a static app, without any api like configuration.....

should I rely on a global variable to configure the baseURL for api endpoints?

should I provide this value as a parameter on the app-root element?

what is the best strategy for this?

Answer 1

I ended up using the @stencil/redux package, and then created a apiClient object that I appended as a reducer....

this would allow me to write my redux actions like this:

export function myApiAction(param1, param2) {
  return  (dispatch, getStore) => {

    const client = getStore().apiClient;
    //dostuff here
    client.makeRequest().then( res => {
       dispatch({type: MY_API_RESULT, data:blah});
    });
  };
}