Why Does Your React App Re-render So Much?

You update one small piece of state: setCount(count + 1); And suddenly your console looks like this: Header rendered Sidebar rendered ProductList rendered ProductCard rendered Footer rendered Your first thought might be: "Why did half of my React app render again? Isn't this bad for performance?" Not necessarily. One of the biggest misconceptions...