Props

Data passed from a parent component to a child — like handing a note to someone telling them what to display.

An immutable object of key-value pairs passed from parent to child components. Props drive rendering: when props change, React re-renders the component. TypeScript interfaces enforce the shape of props at compile time.

Props are the input to a component's render function and participate in React's reconciliation diffing. Referential equality of prop objects influences memoization (React.memo, useMemo). The children prop implements the composition pattern via ReactNode, and render props / function-as-children enable inversion of control for shared stateful logic.