React's Core Philosophy and Rendering Model

Distinguish between declarative and imperative approaches to UI manipulation with concrete examples.

Explain how JSX compiles to `React.createElement` calls and describe the resulting object structure.

Describe the structure and purpose of the React component tree and the concept of unidirectional data flow.

Explain how the Virtual DOM and React's reconciliation algorithm work to efficiently update the DOM.

Compare list rendering techniques in vanilla JS with React's key-based reconciliation approach.

Explain the role of keys in list rendering and the consequences of using unstable keys.

Explain the basics of React's Fiber architecture and its role as the unit of work in rendering.

Distinguish between React's render phase and commit phase and list the operations allowed in each.