orve v0.26.4
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");
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago