🚀 Angular v20 ist da 🚀

Hallo zusammen! 👋

Angular v20 ist da und bringt einige spannende Neuerungen mit sich, die unsere Entwicklerherzen höher schlagen lassen! 🚀

Hier eine kleine Liste der (für mich) wichtigsten Neuerungen:

• Mehr Stabilität bei Signals: Die Reaktivität in Angular hat in den letzten Releases einen Paradigmenwechsel durchlebt. Dieser hält an und wird konsequent fortgeführt. So sind effect, linkedSignal und toSignal nun stable und können auch in Projekten mit etwas konservativerem Ansatz genutzt werden.

• Zoneless Developer Preview: Ein weiterer großer Schritt in Richtung Zukunft ist getan: Zoneless ist nun in der Developer Preview. Feinere Change Detection, bessere Performance und einfacherer Integration mit anderen Frameworks könnt ihr jetzt also guten Gewissens ausprobieren.

• Template Literals: Strings in Templates mit +zusammenbauen oder gar durch mehrere Interpolations gehen ist nun vorbei. Wie auch schon direkt im TypeScript code, könnte ihr Teile eurer Strings im Template dynamisch verändern:
  <span>{{ 'Willkommen ${user().name}! Schön dich zu sehen.'}}</span>

• Ng-Reflect im DOM fällt weg: Bisher waren im Developer-Mode im DOM die NG-Reflect-Attribute für z.B. RouterLinks zu sehen. Diese fallen nun ALLE weg. Wer sich in Unit Tests hierauf verlassen hat, muss nachbessern.

• Überarbeiteter Styleguide: Bye bye .component.<xyz>-Suffix. Ab sofort fallen die Suffixe für Components, Services und Co. weg.
  Alle Neuerungen des Styleguides findet ihr hier

Was sind für euch die wichtigsten Änderungen? 👇