The mystery of React Element, children, parents and re-renders

The pattern itself goes like this: imagine you have some frequent state changes in a component. If the ChildComponent is heavy, its frequent re-renders can cause performance problems for your app. The way to fight this, other than React, is to extract ChildComponent outside and pass it as children. The fancy “composition” pattern that we use is nothing more than a syntax sugar.