react-funk-patrol v1.0.0

React Funk Patrol

Components based on functional programming types.

Types

Maybe

The Maybe component takes a value and renders the something prop if that value is anything other than null or undefined.

The children prop is passed to both nothing and something, so you can manipulate any children of the Maybe accordingly.

Example

<Maybe
  of={someValue}
  nothing={({ children }) => (
    <div>
      <p>I render if `someValue` is actually nothing</p>
      {children}
    </div>
  )}
  something={({ children }) => (
    <div>
      <p>
        I will render so long as `someValue` is not `null` or `undefined`
      </p>
      {children}
    </div>
  )}
>
  <p>
    I am passed to `nothing` and `something` as the `children` prop.
  </p>
</Maybe>

Either

The <Either> takes a value and renders either the left render prop or the right render prop based on whether it's truthy or falsy. Beware, this utilizes Boolean coercion, so 0 will result in the left being rendered.

The children prop is passed to both left and right, so you can manipulate any children of the Either accordingly.

Example

<Either
  of={something}
  left={({ children }) => (
    <div>
      <p>'Left'</p>
      {children}
    </div>
  )}
  right={({ children }) => (
    <div>
      <p>'Right'</p>
      {children}
    </div>
  )}
>
  <p>
    Since I am the `children`, I can be displayed regardless of whether `of` is truthy or falsy.
  </p>
</Either>