react-manatea

## TL;DR

Usage no npm install needed!

<script type="module">
  import reactManatea from 'https://cdn.skypack.dev/react-manatea';
</script>

README

React-Manatea

TL;DR

Bindings of manatea for React

Table of Contents

  1. infuse
  2. Infuser
  3. useInfuser

infuse

import React from 'react';
import { createCup } from 'manatea';
import { infuse } from 'react-manatea';

// Defining a cup
const timer = createCup(0);

const Timer = infuse(timer)(({ tea: time }) => <div>Time: {time}</div>);

Infuser

import React from 'react';
import { createCup } from 'manatea';
import { Infuser } from 'react-manatea';

// Defining a cup
const timer = createCup(0);

const Timer = () => (
  <Infuser cup={timer}>{({ tea: time }) => <div>Time: {time}</div>}</Infuser>
);

useInfuser

import React, { useInfuser } from 'react';
import { createCup } from 'manatea';
import { useInfuser } from 'react-manatea';

// Defining a cup
const timer = createCup(0);

const Timer = () => {
  const [time, setTime] = useInfuser(timer);
  return <div>Time: {time}</div>;
};