DEV Community

Cover image for Episode 23/45: Angular 17
ng-news for This is Angular

Posted on • Edited on

10

Episode 23/45: Angular 17

Angular 17 is out!

We can group the features into the new ApplicationBuilder, Signals, Template Syntax and the @defer command.

ApplicationBuilder

The ApplicationBuilder powers ng build or ng serve. Under the hood, it doesn't webpack anymore. Instead, it runs on esbuild, a tool written in Go that runs significantly faster.

The ApplicationBuilder also includes SSR. In the past, we had to use @nguniversal. Now, SSR is a first-class citizen of Angular. If you migrate, you have to enable the new builder manually.

Signals

Compared to Angular 16, there were three major changes.

First, there is no mutate method anymore.

Second, in 16, the Signal fired on every update method call, even if you didn't change the object reference. In 17, it checks against the object reference.

Third, is the local Change Detection. That means the change detection could run on a specific component in the component tree.
To make this happen, the change can only be Signal (not a click or synchronous function), and the components have to set their strategy to OnPush.

New Template Syntax & @defer

The "Star Feature" is definitely the new template syntax for if, for, switch and - brand-new - the defer. The defer command in the template creates a lazy-loaded chunk for its inner components. We don't have to do anything else. "Just use it!"

For more information, please read the official blog article and watch the official videos, and you will also find plenty of community content. There's no shortage of it.



Introducing Angular v17. Last month marked the 13th anniversary… | by Minko Gechev | Angular Blog

Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of JavaScript frameworks…

favicon blog.angular.dev

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (2)

Collapse
 
spock123 profile image
Lars Rye Jeppesen

@defer is a game changer, nothing less

Collapse
 
ng_news profile image
ng-news

Absolutely agree!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay