Bootstrapping with standalone in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does 'bootstrapping' mean in Angular?

Bootstrapping is the process Angular uses to start and load the main application component so the app can run in the browser.

beginner

What is a standalone component in Angular?

A standalone component is an Angular component that works independently without needing to be declared inside an NgModule.

intermediate

How do you bootstrap an Angular app using a standalone component?

You use the 'bootstrapApplication' function and pass the standalone component to start the app without an NgModule.

intermediate

Why is bootstrapping with standalone components useful?

It simplifies app setup by removing the need for NgModules, making the code easier to read and faster to start.

intermediate

Show a simple example of bootstrapping an Angular app with a standalone component.

import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app.component';

bootstrapApplication(AppComponent);

This starts the app using the standalone AppComponent.

What function is used to bootstrap an Angular app with a standalone component?

A launchComponent

B bootstrapModule

C startApp

D bootstrapApplication

The 'bootstrapApplication' function is designed to start Angular apps using standalone components.

Which Angular feature is NOT required when bootstrapping with standalone components?

A NgModule

B Component

C bootstrapApplication

D BrowserModule

Standalone components remove the need for NgModules during bootstrapping.

What is a key benefit of using standalone components for bootstrapping?

A Simpler app setup without NgModules

B Requires more code to start

C Needs extra configuration files

D Slower app startup

Standalone components simplify the app by removing NgModule requirements.

Where do you pass the standalone component when bootstrapping?

A In the main.ts HTML file

B As an argument to bootstrapApplication

C Inside an NgModule decorator

D In the package.json file

You pass the standalone component directly to the bootstrapApplication function.

Which Angular version introduced standalone components for bootstrapping?

A Angular 12

B Angular 10

C Angular 14+

D Angular 8

Standalone components and bootstrapping with them were introduced starting Angular 14.

Explain how bootstrapping with standalone components changes the Angular app startup process.

Think about what you no longer need and what function you now use.

Describe the benefits of using standalone components for bootstrapping in Angular.

Focus on how it affects code and app performance.