react internals

Complete Update Lifecycle

trigger

render

diff

commit

State Change

User clicks Like button. setState() fires.

App.jsx

function App() {
  setState(liked)
  return <UI />
}

render

Virtual DOM

commit

Real DOM

by

giriraj.dev