resource.jsx

import {Resource, State} from 'simple-resource-components';

return (
  <Resource names={['request', 'movie']}>
    <div className="movieTitle">
      <State for="movie" type="loading" component={LoadingComponent}/>
    </div>
    <div className="requestDetail">
      <State for={['request', 'movie']} type="loading" component={LoadingComponent}/>
    </div>
  </Resource>
);

third-try.js

import {Resource} from 'simple-resource-components';

return (
  <div className="movieTitle">
    <Resource name="movie" status="loading" component={LoadingComponent}/>
  </div>
  <div className="requestDetail">
    <Resource names={['request', 'movie']} status="loading" component={LoadingComponent}/>
  </div>
);

with-provider.js

import {Resource, State} from 'simple-resource-components';

return (
  <div className="movieTitle">
    <State for="movie" type="loading" component={LoadingComponent}/>
  </div>
  <div className="requestDetail">
    <State for={['request', 'movie']} type="loading" component={LoadingComponent}/>
  </div>
);

Status -> State?