Render Cycle

Definitions

1. One complete pass through a UI framework's rendering process — typically triggered by a state change, encompassing the evaluation of component functions or templates, virtual DOM diffing (in React), layout calculation, and committing the resulting changes to the actual DOM or screen.

   In plain English: One full round of a framework figuring out what changed in your app and updating what you see on screen.

   Example: "That useEffect sets state on every render cycle, causing an infinite loop — the component never stops re-rendering."

Related Terms

• Component Library
• Allocator
• Component
• Virtual DOM
• Memo
• Pure Component
• Rehydration
• Storybook