Frontend render performance

Syncing derived state through useEffect costs a second render pass per click

React runs Effects after the DOM commits, so a component that keeps its filtered list in state renders once with the stale list and again with the correct one. A dev.to walkthrough traces both passes and the fault that outlives them.