Return to site

Angular v16! ๐Ÿ…ฐ๏ธ๐Ÿš€

May 14, 2023

โž• Angular Signals in developer preview ๐Ÿšฆ

โž• Developer preview of opt-in non-destructive hydration ๐Ÿ’ง

โž• Improved Standalone APIs ๐Ÿง โ™€๏ธ

โž• Tooling enhancements ๐Ÿงฐ

You can get all this and more with `ng update`! ๐Ÿš€

1๏ธโƒฃ Angular Signals ๐Ÿšฆ bring fine-grained reactivity to developer preview in v16!

- entirely backward compatible and interoperable

- better run-time performance

- a simpler mental model for reactivity

Learn more in our developer guides: https://angular.io/guide/signals

2๏ธโƒฃ Developer preview of full app non-destructive hydration ๐Ÿ’ง

Angular now looks up existing DOM nodes while building internal data structures & attaches event listeners, instead of re-rendering!

Early tests saw a 45% Largest Contentful Paint improvement!

3๏ธโƒฃ Migrate to standalone APIs with new schematics and a migration guide. ๐Ÿง โ™€๏ธ

Once youโ€™re in your project directory run:

`ng generate @angular/core:standalone`

4๏ธโƒฃ v16 brings our new esbuild-based build system to developer preview!

Early tests showed a 72% improvement in speed over cold production builds!