Angular Core (packages/core) Mental Model

This document outlines the architecture and mental model for packages/core, the heart of the Angular framework.

1. High-Level Architecture

packages/core contains the runtime logic for Angular. Its primary responsibilities are:

1. Rendering (Ivy/Render3): Transforming templates into DOM updates.
2. Dependency Injection (DI): Managing object creation and lifetime.
3. Change Detection: Synchronizing the model with the view.
4. Reactivity: Signals and Zone.js integration.

2. Rendering Engine (Ivy / Render3)

The rendering engine (located in packages/core/src/render3) uses an instruction-based approach.

Key Concepts