This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

orve

orve (npm package) / Simple-reactive

Library for creating reactive SPA applications. Trying to take the best from react and vue

npm i orve

Webpack project

Vite project

CLI - in order to make it easier to install the template

Documentation The documentation is outdated. preparing a new version OR Site (written with orve) The documentation is outdated. preparing a new version

If you contribute something to the project, I will be very grateful to you.))

Mini example

this library will help you out of this

function() {
    return {
        tag: "div",
        props: {
            id: "key",
            class: "comp"
        },
        child: [
            {
                tag: "p",
                child: "This is ORVE"
            },
            "<p>object-reactive library</p>"
        ]
    }
}

or this (jsx)

function() {
    return (
        <div id="key" class="comp">
            <p>This is ORVE</p>
            <p>object-reactive library</p>
        </div>
    )
}

do this

<div id="key" class="comp">
    <p>This is ORVE</p>
    <p>object-reactive library</p>
</div>

that's not all, to learn more, read the documentation

usage

import { ref, createApp } from "orve";

function Component() {
  const r = ref(0);

  return {
    tag: "div",
    child: [
      {
        tag: "p",
        child: r
      },
      {
        tag: "button",
        props: {
          "@click": () => { r.value += 1 }
        },
        child: "Click"
      }
    ]
  }
}

createApp(Component).mount("#app");

OR

import orve , { ref, createApp } from "orve";

function Component() {
  const r = ref(0);

  return (
        <div>
            <p>{r}</p>
            <button
                onClick={() => { r.value += 1; }}
            >
                Click
            </button>
        </div>
    )
}

createApp(Component).mount("#app");