Re4.jsPerformant Reactivity. Without the Noise.

// counter.re
import { render } from "@re4/dom"

export component Counter {
  state count = 0
  computed double = count * 2;
  prop name = "Counter"

  return (
    <div>

    <h1>{name}</h1>
    <p>{`Count: ${count}`}</p>
    <p>{`Double: ${double}`}</p>

    if(count > 10) {
      <p>{'Count is greater than 10'}</p>
    }

    <button onClick={() => count++}> {"Click Mee!"} </button>
    </div>
  )
}

render(Counter, document.getElementById("app"))