„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Angular Addicts # Angular w. die neue @let-Syntax), Komponententests, SSR-Leitfaden und mehr

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

Veröffentlicht am 28.08.2024
Durchsuche:570

Angular Addicts # Angular w. the new @let syntax), Component testing, SSR guide & more

„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 eine Komponente mit mehreren Abhängigkeiten wie untergeordneten Komponenten oder externen Bibliotheken einem Unit-Test unterzieht.

? 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 bereit, 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: Hier abonnieren ?

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 & 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!

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/this-is-angular/angular-addicts-28-angular-181-w-the-new-let-syntax-component-testing-ssr-guide-more- 1f8c? 1Wenn es einen Verstoß gibt, wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3