Angular Addicts # Angular w. die neue @let-Syntax), Komponententests, SSR-Leitfaden und mehr

„Hey Angular Addict

Dies ist die 27. Ausgabe des Angular Addicts Newsletters, einer monatlichen Sammlung sorgfältig ausgewählter Angular-Ressourcen, die meine Aufmerksamkeit erregt haben. (Hier sind der 27., 26. und 25.)

?Veröffentlichungsankündigungen

? Was ist neu in Angular 18.1?

Angular 18.1, die neueste Nebenversion von Angular, wurde im Juli veröffentlicht. Cédric Exbrayat erläutert die wichtigsten neuen Funktionen:

• TypeScript 5.5-Unterstützung
• @let-Syntax
• afterRender / afterNextRender APIs
• toSignalgleichheitsfunktion
• RouterLink mit UrlTree
• Router-Browser-URL
• Erweiterte Diagnose für nicht aufgerufene Funktionen
• Angular CLI: schnellere Builds mit isolierten Modulen, WASM-Unterstützung, Inspektionsoption, Chunk-Optimierer

„Angular Gems vom Juli 2024.“

? Vollständiger Leitfaden für serverseitiges Rendering (SSR) in Angular

Alexander Thalhammer erklärt Server-Side Rendering (SSR), Static Site Generation (SSG), Hydration und Event Replay. Er zeigt, wie man diese in einer Angular-Anwendung einrichtet und bietet Best Practices und Tipps zur Verbesserung der Benutzererfahrung.

?Testen von Komponenten in Angular: NO_ERRORS_SCHEMA, Stub-Komponenten und NgMocks

Dany Paredes zeigt uns anhand von Beispielen, wie man mithilfe der NgMocks-Mocking-Bibliothek einen Unit-Test einer Komponente mit mehreren Abhängigkeiten wie untergeordneten Komponenten oder externen Bibliotheken durchführt.

? Die Zukunft der Materialunterstützung in Angular

In diesem Beitrag stellen Mark Thompson und Jeremy Elbourn klar, dass Angular Material nicht von Änderungen an den Material Web Components (MWC) von Google betroffen ist, da es nicht auf diesen basiert. Angular Material befindet sich weiterhin in der aktiven Entwicklung. Ziel des Teams ist es, die Angular CDK-Funktionen und die Dokumentation zu verbessern, um Entwicklern beim Erstellen hochwertiger Benutzeroberflächen zu helfen.

?Erstellen einer Echtzeit-Chat-Anwendung mit Angular und Firebase

Moe Mollaie erklärt, wann Echtzeitverbindungen benötigt werden und vergleicht verschiedene Lösungen. Anschließend führt er den Aufbau einer Echtzeit-Chat-Anwendung mit Angular und Firebase durch.

?Angular: RxJS vs. Signale, was verwenden?

Igor Pak stellt zwei Anwendungsfälle zur Verfügung, um zu veranschaulichen, wann Signale und wann RxJS verwendet werden sollten. Sein Artikel zeigt, dass Signale zwar gut für die Zustandsverwaltung und einfache Datenaktualisierungen sind, in komplexen Szenarien jedoch möglicherweise Zwischenwerte fehlen.

?‍?Über den Autor

Mein Name ist Gergely Szerovay, ich habe viele Jahre als Datenwissenschaftler und Full-Stack-Entwickler gearbeitet und arbeite als Frontend-Tech-Leiter mit Schwerpunkt auf Angular-basierter Frontend-Entwicklung. Im Rahmen meiner Rolle verfolge ich ständig, wie sich Angular und die Frontend-Entwicklungsszene im Allgemeinen weiterentwickeln. Um mein Wissen zu teilen, habe ich 2022 den monatlichen Newsletter und die Veröffentlichung von Angular Addicts gestartet, damit ich Ihnen jeden Monat die besten Ressourcen schicken kann, die mir in den Sinn kommen. Egal, ob Sie ein erfahrener Angular-Süchtiger oder ein Anfänger sind, bei mir sind Sie an der richtigen Adresse. Lassen Sie mich wissen, ob Sie als Autor aufgenommen werden möchten. Lasst uns gemeinsam Angular lernen! Hier abonnieren ?

Angular hat sich in den letzten Jahren sehr schnell weiterentwickelt, und im vergangenen Jahr haben sich mit dem Aufkommen der generativen KI auch unsere Softwareentwicklungsabläufe rasant weiterentwickelt. Um die Entwicklung der KI-gestützten Softwareentwicklung genau zu verfolgen, habe ich beschlossen, öffentlich mit der Entwicklung von KI-Tools zu beginnen und meine Fortschritte auf AIBoosted.dev zu veröffentlichen. Begleiten Sie mich auf dieser Lernreise: Abonnieren Sie hier ?

Folgen Sie mir auf Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter oder LinkedIn, um mehr über Angular zu erfahren und wie man KI-Apps mit AI, Typescript, React und Angular erstellt!

?️Vorherige Ausgaben

Wenn Sie die vorherigen Ausgaben des Newsletters verpasst haben, können Sie sie hier lesen. Dies sind die neuesten 3 Ausgaben:

• Angular Addicts #27: NgRx 18, Neuer RFC: DomRef API, Webspeicher mit Signalen und mehr
• Angular Addicts #26: Angular 18, Best Practices, aktuelle Konferenzaufzeichnungen und mehr
• Angular Addicts #25: Angular und Wiz werden zusammengeführt, die Unterschiede zwischen React und Angular und mehr

? Senden Sie Ihre Angular-Ressource

Haben Sie in letzter Zeit einen interessanten Artikel, Tweet oder eine andere Ressource zum Thema Angular gefunden oder geschrieben? Lass es mich bitte hier in den Kommentaren wissen oder schick mir eine DM auf Twitter! Ich werde es vielleicht in der nächsten Angular Addicts-Ausgabe vorstellen!

Das obige ist der detaillierte Inhalt vonAngular Addicts # Angular w. die neue @let-Syntax), Komponententests, SSR-Leitfaden und mehr. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!