Angular 14 arrives with typed types, standalone parts

Angular 14, the newest model of the Google-developed, TypeScript-based net utility framework, has arrived, that includes typed types and a developer preview of standalone parts.

Standalone parts simplify the event of Angular purposes by lowering the necessity for NgModules. With standalone parts, directives, and pipes, the standalone: true flag permits builders so as to add imports immediately in a @element() with out an @NgModule(). These parts ought to be used for exploration and growth solely, as they aren’t a steady API and will change outdoors of Angular’s typical mannequin of backward compatibility.

Additionally in Angular 14, which was revealed June 2, reactive types are strictly typed by default. Typed types be certain that values within types controls, teams, and arrays are kind secure throughout the total API floor, enabling safer types significantly for deeply nested advanced instances. Replace schematics enable for incremental migration to typed types. Builders can step by step add typing to current types with full backward compatibility. Additionally, ng udpate will substitute all kind courses with untyped variations, permitting builders to allow varieties at their very own tempo.

To reap the benefits of the brand new typing assist, the Angular growth workforce advises looking for situations of the Untyped types controls and migrating to the brand new typed types API floor the place doable.

Angular 14 follows Angular 13, which arrived final November. Directions for getting arrange in Angular might be discovered on the venture web site. Different new options and enhancements in Angular 14 embrace:

• Help for the newest TypeScript 4.7 launch. Angular 14 targets ES2020 by default, permitting the CLI to ship smaller code without having to down-level.
• Protected element members might be bounded immediately from templates. This provides customers extra management over the general public API floor of reusable parts.
• NgModel adjustments are mirrored within the UI for OnPush parts.
• Non-obligatory injectors can be utilized when creating an embedded view. The injector permits the dependency injection habits to be personalized inside the particular template. Cleaner APIs are enabled for reusable parts and for element primitives in Angular CDK (Part Dev Package).
• An experimental esbuild-based construct system for ng construct is launched, compiling to pure ECMAScript Module output.
• New strategies are provided for HarnessLoader to test if a harness is current and return the harness occasion if current.
• New change detection and runtime optimization guides on angular.io.