An example to demonstrate the branch API of Recompose

branch.js

import React from 'react';
import { branch } from 'recompose';

const MyComponent = () => <h2>Hello!</h2>;

const IsLessThanZero = BaseComponent => props => (
  <div>
    <BaseComponent {...props} />
    <h1>Less or equal than zero!</h1>
  </div>
);

const IsMoreThanZero = BaseComponent => props => (
  <div>
    <BaseComponent {...props} />
    <h1>More than zero!</h1>
  </div>
);

const MyComponentModified = branch(
  (props) => (props.value > 0 ? true : false),
  IsMoreThanZero,
  IsLessThanZero
)(MyComponent);