Padronização de opções HTTP

[ErickSGM]

Deveríamos criar um tipo de prop que será encaminhada para uma requisição http com propriedades como "Method" e "url". Esse tipo poderia ser reutilizado em todos os componentes que fizessem chamadas http.
Exemplo da prop:
httpProps: {
Method: GET,
Data: {},
Headers: [],
etc...
}

[rafaelfbs]

Poderiamos seguir as opções de init do fetch. Acrescentando, inclusive devemos fazer a separação de configuração de http em um HOC, com a implementação dos componentes (Grid/Form/etc).

<RestGrid httpOptions={httpOptions} {...gridOptions} />

class RestGrid extends Component {
  componentWillMount() {
   this.load();
  }

  render() {
    return <Grid {...gridProps} />;
  }
}

[pedro108]

Ótima ideia, inclusive eu pensei em separar toda a lógica de handling dos eventos de carregamento, filtros, e paginação, que o <Grid /> implementa realizando chamadas Rest por default, neste componente <RestGrid />.

O <Grid /> ficaria apenas responsável por disparar esse eventos, que podem ser assinados através de suas props. Inclusive a implementação client-side desses eventos (filtros e paginação), ficariam em outro componente <ClientSideGrid />.

Dessa forma acho que conseguimos tornar o <Grid /> um pure component.

Inclusive, em criar uma function que gera um HOC com capacidade de realizar chamadas ao restClient do Realize, podendo receber o httpOptions como parâmetro:

function restComponent(httpOptions) {
  return function buildComponent(Target) {
    return class extends React.Component {
      static propTypes = {
        httpOptions: propTypes.shape({}),
        ...Target.propTypes,
      };

      static defaultProps = {
        httpOptions: null,
        ...Target.defaultProps,
      };

      getComponentHttpOptions() {
        return this.props.httpOptions || httpOptions || RealizeConfig.httpOptions;
      }

      render() {
        const restClient = new RestClient(this.getComponentHttpOptions());
        const targetProps = Object.keys(this.props)
          .filter(pk => pk !== 'httpOptions')
          .reduce(pk => this.props[pk]);

        return <Target {...targetProps} restClient={restClient}/>;
      }
    }
  }
}

class RestGridPresentation extends Component {
  static propTypes = {
    restClient: propTypes.object,
  }

  componentWillMount() {
   this.load();
  }

  render() {
    return <Grid {...gridProps} />;
  }
}

const RestGrid = restComponent(httpOptions)(RestGridPresentation);