vueactive

React bindings for @vue/reactivity.

Installation

yarn add vueactive @vue/runtime-core

Examples

Counter

import React, { useState } from "react";
import { ref } from "@vue/reactivity";
import { component } from "vueactive";

const { Fragment } = component;

const Counter = () => {
  const [count] = useState(() => ref(0));

  return (
    <>
      <button onClick={() => count.value--}>-</button>
      <Fragment>{count}</Fragment>
      <button onClick={() => count.value++}>+</button>
    </>
  );
};

export default Counter;

TodoMVC