.agents/rerender-dependencies.md at 3b94de05df664cfca6b21b9abf8a077aad6cfbae

Nicholai 75168f7678 init: agent event bus + state

structure:
  state/CURRENT.md — 2-4 line session state (rewritten each session)
  events/ — json event bus (pull-based, optional context)
  persistent/ — important decisions (one doc per decision)
  emit — helper script for emitting events

2026-01-24 03:27:11 -07:00

824 B

Raw Blame History

title	impact	impactDescription	tags
Narrow Effect Dependencies	LOW	minimizes effect re-runs	rerender, useEffect, dependencies, optimization

Narrow Effect Dependencies

Specify primitive dependencies instead of objects to minimize effect re-runs.

Incorrect (re-runs on any user field change):

useEffect(() => {
  console.log(user.id)
}, [user])

Correct (re-runs only when id changes):

useEffect(() => {
  console.log(user.id)
}, [user.id])

For derived state, compute outside effect:

// Incorrect: runs on width=767, 766, 765...
useEffect(() => {
  if (width < 768) {
    enableMobileMode()
  }
}, [width])

// Correct: runs only on boolean transition
const isMobile = width < 768
useEffect(() => {
  if (isMobile) {
    enableMobileMode()
  }
}, [isMobile])

824 B Raw Blame History

Narrow Effect Dependencies

824 B

Raw Blame History