@angular/platform-browser-dynamic

What is @angular/platform-browser-dynamic?

The @angular/platform-browser-dynamic npm package provides methods for bootstrapping Angular applications in a browser environment with Just-In-Time (JIT) compilation. This package is typically used for development purposes, as it compiles the application dynamically in the browser, allowing for a faster development cycle. However, for production builds, Ahead-Of-Time (AOT) compilation is preferred for performance reasons, which is handled by the @angular/platform-browser package.

What are @angular/platform-browser-dynamic's main functionalities?

Bootstrapping Angular Modules

This code snippet demonstrates how to bootstrap an Angular module using the platformBrowserDynamic function. It imports the AppModule and then calls the bootstrapModule method to initialize the application.

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

Other packages similar to @angular/platform-browser-dynamic

@angular/platform-browser

This package provides tools for running Angular applications in a web browser with Ahead-Of-Time (AOT) compilation. Unlike @angular/platform-browser-dynamic, it is optimized for production by pre-compiling templates to make the application load faster and be more performant.

react-dom

Similar to @angular/platform-browser-dynamic for Angular, react-dom is used for bootstrapping and rendering React applications in the browser. It provides the entry point to the DOM and server renderers for React and can be considered an equivalent in the React ecosystem.

vue

The Vue.js framework has a similar package for bootstrapping and rendering Vue applications in the browser. It provides the functionality to create and mount the root Vue instance to the DOM, similar to how Angular applications are bootstrapped with @angular/platform-browser-dynamic.

README

Angular

The sources for this package are in the main Angular repo. Please file issues and pull requests against that repo.

Usage information and reference details can be found in Angular documentation.

License: MIT

Changelog

18.1.0 (2024-07-10)

common

| Commit | Type | Description | | -- | -- | -- | | f25653e231 | fix | typo in NgOptimizedImage warning (#56756) | | 9b35726e42 | fix | typo in warning for NgOptimizedDirective (#56817) |

compiler

| Commit | Type | Description | | -- | -- | -- | | fd6cd0422d | feat | Add extended diagnostic to warn when there are uncalled functions in event bindings (#56295) | | 341a116d61 | fix | allow more characters in let declaration name (#56764) | | 2a1291e942 | fix | give precedence to local let declarations over parent ones (#56752) |

compiler-cli

| Commit | Type | Description | | -- | -- | -- | | 66e582551e | fix | avoid duplicate diagnostics for let declarations read before definition (#56843) | | 4d18c5bfd5 | fix | flag all conflicts between let declarations and local symbols (#56752) | | 9e21582456 | fix | Show template syntax errors in local compilation modified (#55855) | | 5996502921 | fix | type check let declarations nested inside nodes (#56752) | | cdebf751e4 | fix | used before declared diagnostic not firing for control flow blocks (#56843) |

core

| Commit | Type | Description | | -- | -- | -- | | ea3c802056 | feat | Add a schematic to migrate afterRender phase flag (#55648) | | 5df3e78c99 | feat | add equality function to rxjs-interop toSignal (#56447) | | 0a48d584f2 | feat | add support for let syntax (#56715) | | 352e0782ec | feat | expose signal input metadata in ComponentMirror (#56402) | | a655e46447 | feat | Redesign the afterRender & afterNextRender phases API (#55648) | | e5a6f91722 | feat | support TypeScript 5.5 (#56096) | | 38effcc63e | fix | Add back phase flag option as a deprecated API (#55648) | | 86bcfd3e49 | fix | improve docs on afterRender hooks (#56522) | | b2445a0953 | fix | link errors to ADEV (#55554) (#56038) | | 03a2acd2a3 | fix | properly remove imports in the afterRender phase migration (#56524) | | 4d87b9e899 | fix | rename the equality function option in toSignal (#56769) (#56922) | | 8bd4c074af | fix | toSignal equal option should be passed to inner computed (#56903) |

forms

| Commit | Type | Description | | -- | -- | -- | | 00bde8b1c2 | fix | Make NgControlStatus host bindings OnPush compatible (#55720) |

http

| Commit | Type | Description | | -- | -- | -- | | cc21989132 | fix | Make Content-Type header case insensitive (#56541) |

language-service

| Commit | Type | Description | | -- | -- | -- | | b400e2e4d4 | feat | autocompletion for the component not imported (#55595) | | 67b2c336bc | fix | import the default exported component correctly (#56432) |

router

| Commit | Type | Description | | -- | -- | -- | | a13f5da773 | feat | Allow UrlTree as an input to routerLink (#56265) | | 1d3a7529b4 | feat | Set a different browser URL from the one for route matching (#53318) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.7"></a>