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 about React performance is that every re-render is a problem . It isn't. React co...