JSFiddle - React, Tailwind, and code Playground

by Kye Hohenberger

HTML

<script src="https://npmcdn.com/preact@latest/dist/preact.js"></script>
<script src="https://npmcdn.com/[email protected]/build/Recompose.js"></script>

Babel + JSX

/** @jsx h */
const { h, render, Component, hooks, options } = preact
const { branch } = Recompose

const NumberComponent = ({ 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
)(NumberComponent)

render(h(BranchedNumber, { number: 3 }, document.body)