recompose example

index.js

import { renderComponent, branch, compose } from 'recompose';
import { MyComponent as Component } from './my_expression';
import { Loading } from '../loading';

const renderLoading = branch(
  props => Boolean(props.loading), // bool, test for loading state
  renderComponent(Loading)
);

const addProps = withProps((ownProps) => {
  // TODO: create some new props, maybe using ownProps
  return {
    date: new Date()
  };
});

// component gets a `date` property
// and if props.loading === true, it'll render the Loading component instead
export const MyComponent = compose(
  addProps,
  renderLoading
)(Component);