Re4.jsPerformant Reactivity. Without the Noise.
Minimal. Expressive. Compiler-first Javascript Framework
Minimal. Expressive. Compiler-first Javascript Framework
// counter.re
import { render } from "@re4/dom"
export component Counter {
state count = 0
computed double = count * 2;
prop name = "Counter"
console.log("Welcome to Re4!") // this runs only once.
return (
<div>
<h1>{name}</h1>
<button onClick={() => count++}>
Clicked {count}
</button>
<p>Double: {double}</p>
</div>
)
}
render(Counter, document.getElementById("app"))