Reconciliation

Source Code

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div className="counter">
      <h1>Count</h1>
      <p>{count}</p>
      <button onClick={() => setCount(count + 1)}>
        Increment
      </button>
    </div>
  );
}

Previous Tree

waiting

New Tree

waiting

DOM Operations

no operations yet