Root component
A root component is the topmost component in an application’s component hierarchy, responsible for rendering or managing the root interface.
Pro Angular 16
A root component is the top-level Angular component responsible for managing the content presented at the application’s root element.
- How it is used
- Provides Angular’s application entry point and manages the top-level content presented at its target element.
- How deep it goes
- Works through selector, template, module bootstrap, component restructuring, and routing configurations; defers broader component-property details.
- Examples
- Uses an inline store heading, a store component element, a form-and-table layout, and a router-outlet template.
- What you can do after
- Build it from scratch as a bootstrapped component, then simplify its template as feature components or routing take over.
Build a Frontend Web Framework (From Scratch)
The topmost component in a component hierarchy from which the application's interface is rendered.
- How it is used
- Supplies createApp() with the top-level view from which the component hierarchy is rendered.
- How deep it goes
- Descends from hierarchy role to createApp wiring, mounting, unmounting, and fragment offset handling.
- Examples
- Uses createApp(), h(), mountDOM(), destroyDOM(), and diagrams contrasting global-state and root-component application instances.
- What you can do after
- Build an application entry point that mounts and unmounts a root component with optional props.
Read how Build a Frontend Web Framework (From Scratch) explains root component →
Related concepts
- root moduleconfigured by · A root module is the initial or top-level module that serves as an application's entry point and organizes its dependencies and components.
- entry pointproduces · An entry point is a designated starting location or interface through which a program, component, process, or interaction begins.
- templateUrl propertyhas part · The templateUrl property is component metadata specifying the external file containing a component's template.
- selector propertyhas part · A selector property is component or directive metadata specifying the element, attribute, or pattern that identifies where it applies in a template.
- componentkind of · A software component is a modular part of a larger system that provides related functionality and interacts with other parts through defined boundaries or interfaces.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.