import { useInterval } from '@usels/core'
import { useRef } from "react"

function Timer() {
  const count$ = useInterval(1000)
  const renders = useRef(0);
  renders.current += 1;

  return (
    <div>
      <div>{count$.get()}s</div>
      <div>renders: {renders.current}</div>
    </div>
  )
}

import { createInterval, createRef$ } from '@usels/core'

function Timer() {
  "use scope"
  const count$ = createInterval(1000)
  const renders$ = createRef$(0);
  renders$.current += 1;

  return (
    <div>
      <div>{count$.get()}s</div>
      <div>renders: {renders$.get()}</div>
    </div>
  )
}

renders: 1

use-legend

Fine-grained updates. Zero wasted renders.
Powered by Legend-State

Get Started GitHub