Recursive rendering

React only re-renders the parent because child components are automatically memoized

React re-renders the parent and recursively renders its child components

React skips child components unless their props changed by reference

React updates the DOM first and renders child components afterward