How React's Render, Effects and Refs work under the hood

React's render cycle consists of two main phases: render and commit. When state updates, React creates a new Virtual DOM tree, compares it with the previous one, and determines necessary DOM changes. The commit phase then updates the actual DOM, runs layout effects, and queues normal effects as microtasks. This process allows React to batch updates and optimize performance across different platforms.