Recompose Base Fiddle

Starting point for creating JSFiddles with Recompose. Forked from React Base Fiddle.

by Kye Hohenberger

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-15.0.1.js"></script>
<script src="https://fb.me/react-dom-15.0.1.js"></script>
<script src="https://npmcdn.com/[email protected]/build/Recompose.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

const h = CreateElement
const { branch } = Recompose

const Number = ({ number }) => h('div', {}, number)

const addOne = (C) =>
  (props) => h(C, { ...props, number: props.number + 1 })

const subtractOne = (C) =>
  (props) => h(C, { ...props, number: props.number - 1 })

const BranchedNumber = branch(
  ({ number }) => number >= 3,
  subtractOne,
  addOne
)(Number)

ReactDOM.render(
  h(BranchedNumber, { number: 3 }),
  document.getElementById('container')
)