Skip to content

Re4.jsPerformant Reactivity. Without the Noise.

Minimal. Expressive. Compiler-first Javascript Framework

Why?

re
// 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"))