Higher-Order Functions: Loading Indicator

loader.js

// Working with loading indicators
// before
class PersonRenderer extends Component {
  render() {
     if (this.props.person) {
       return (<div>personcontent</div>)
     }
     return <LoadingIndicator/>
   }
 }

//after
const withLoadingIndicator = Wrapped => ({loading, ...otherProps}) => 
  props.loading ? 
    <LoadingIndicator />
    : <Wrapped {...otherProps} />

// ...
export class PersonRenderer extends Component {
  render() {
    return (<div>personcontent</div>)
  }
}

export default withLoadingIndicator(PersonRenderer);