Pure Component

Definitions

1. A React component that renders the same output given the same props and state, and implements a shallow comparison in shouldComponentUpdate (via React.PureComponent) or is wrapped in React.memo for function components to skip re-renders when inputs haven't changed — a key optimization for avoiding unnecessary rendering work.

   In plain English: A React component that only redraws itself when its inputs actually change, saving the browser from doing unnecessary work.

   Example: "Convert the list item to a pure component — it re-renders on every keystroke even though its props haven't changed."

Related Terms

• Allocator
• Big-O
• Browser
• Virtual DOM
• Memo
• Reconciliation
• Rehydration
• Render Cycle
• Voxel