Angular ‐ New Stuff - FullstackCodingGuy/Developer-Fundamentals GitHub Wiki
Feb 2025
V19
Feb 2024
V17 - setting new standards for performance and developer experience.
- Vite and esbuild the default for new projects
-
Standalone APIs from the start
-
Defer loading of the animations module
-
Deferrable views which brings performance and developer experience to the next level
-
Up to 90% faster runtime with a built-in control flow loops in public benchmarks
-
Up to 87% faster builds for hybrid rendering and 67% for client-side rendering
-
Fresh new look reflecting the future-looking features of Angular
-
Brand new interactive learning journey
-
improvements such as signal-based reactivity, hydration, standalone components, directive composition
-
Deferrable views
-
Introduction of new control flow
Conditional Statement
Switch
For loop
RxJS interoperability
- takeUntilDestroyed
Faster Builds - esbuild-based build system
- Vite: Next Generation Frontend Tooling (https://vitejs.dev/) - supposedly faster
Signals
Required inputs
@Component(...) export class App { @Input({ required: true }) title: string = ''; }
Passing router data as component inputs
Flexible ngOnDestroy
CSP support for inline-styles
Inline style elements that Angular includes in the DOM for component styles violate the default style-src Content Security Policy (CSP). To fix this, they should either contain a nonce attribute or the server should include a hash of the style’s content in the CSP header. Even though at Google we did not find a meaningful attack vector to this vulnerability, many companies enforce strict CSP, leading to the popularity of a feature request on the Angular repository.
Misc
- In v16 our esbuild-based build system enters developer preview! Early tests showed over 72% improvement in cold production builds.
- support for TypeScript 5.0, with support for ECMAScript decorators, removing the overhead of ngcc, adding support for service workers and app shell in standalone apps, expanding CSP support in the CLI