Renderer for React Native

import React, { PropTypes } from 'react';
import { View } from 'react-native';

const Renderer = (props) => {
  if (props.isRefreshed === false) return props.loadingComponent;
  return (
    <View style={{ flex: 1 }}>
      {(props.isRefreshed && props.isZeroState === true)
        ? props.zeroStateComponent : props.children}
    </View>
  );
};

Renderer.propTypes = {
  isRefreshed: PropTypes.bool,
  isZeroState: PropTypes.bool,
  loadingComponent: PropTypes.node,
  zeroStateComponent: PropTypes.node,
  children: PropTypes.node,
};
export default Renderer;

// ../components/MyProfile
<Renderer
  isRefreshed={this.props.profileIsRefreshed}
  loadingComponent={<Loading />}
  isZeroState={!lodash.has(this.props.profile, 'id')}
  zeroStateComponent={<Loading />}
>
  <MyProfile
    profile={this.props.profile}
    badgeCount={this.props.badgeCountByAction}
  />
</Renderer>