„Hey Angular Addict
Dies ist die 29. Ausgabe des Angular Addicts Newsletters, einer monatlichen Sammlung sorgfältig ausgewählter Angular-Ressourcen, die meine Aufmerksamkeit erregt haben. (Hier sind die 28., 27. und 26. Ausgabe)
?Veröffentlichungsankündigungen
? Was ist neu in Angular 18.2?
Angular 18.2, die neueste Nebenversion von Angular, wurde im August veröffentlicht. Cédric Exbrayat erläutert die wichtigsten neuen Funktionen:
- Automatisches Flush in fakeAsync
-
whenStabiler Helfer
-
defaultQueryParamsHandling im Router
- Migration zur Migration der Abhängigkeitsinjektion erfolgt über den Konstruktor zur Injektionsfunktion
- Migration zur Konvertierung eigenständiger Komponenten, die in Routen zum verzögerten Laden verwendet werden
- Neue Diagnose zum Erkennen nicht aufgerufener Funktionen in Ereignisbindungen und nicht verwendeter @let-Deklarationen
- Attributbasierte Loader-Konfigurationsunterstützung im Builder
? Nx 19.5 ist da! Stackblitz, Bun, Inkrementelle Builds für Vite, Gradle Test Atomizer
Die neueste Nebenversion von Nx wurde letzten Monat veröffentlicht. Zack DeRose fasst die neuen Funktionen zusammen:
- StackBlitz-Unterstützung
- Bun- und pnpm v9-Unterstützung
- Lokale Erkennung flockiger Aufgaben
- Verbesserungen der Projektdetailansicht
- Musterunterstützung für targetDefaults
- Einzelne Ziele können jetzt die Parallelität deaktivieren
- Unterstützung für inkrementelle Builds für Vite
- Project Crystal-Konvertierungsgeneratoren
- Gradle Composite Builds-Unterstützung
- Experimentell: Gradle-Testzerstäubung
- Experimentell: Nx-Release fügt dateibasierte Versionierungsunterstützung hinzu
- Unterstützung für React 19 (rc) und Angular 18.1
„Winkelige Edelsteine vom August 2024.“
?Implizite Bibliotheken mit Nx: Leichte Angular-Architekturen nach Konvention
Manfred Steyer zeigt uns eine Architektur, bei der Bibliothekskonfigurationen von einem Nx-Plugin mithilfe von Konventionen abgeleitet werden. Mit impliziten Bibliotheken können wir eine neue Bibliothek erstellen, indem wir einen Ordner mit einer index.ts-Datei erstellen.
Die Idee impliziter Bibliotheken stammt aus dem Blogbeitrag von Younes Jaaidi. Er hat auch eine Schritt-für-Schritt-Anleitung zu diesem Thema geschrieben.
?Verwendung isolierter Module in Angular 18.2
Angular 18.2 unterstützt TypeScript-isolierte Module. Diese Funktion kann die Produktionsaufbauzeiten verkürzen. Mark Thompson und Charles Lyding erklären, wie diese Funktion funktioniert und wie man sie in einem Angular-Projekt einrichtet.
?Die Zukunft ist eigenständig!
In Angular 19 ist standalone: true die Standardeinstellung für Komponenten, Direktiven und Pipes. Alex Rickabaugh stellt klar, dass NgModules nicht veraltet sind und dass es eine automatisierte Migration geben wird, die Folgendes bewirkt:
- Standalone entfernen: wahr für vorhandene eigenständige Komponenten
- Standalone: false zu vorhandenen NgModule-Komponenten hinzufügen, damit diese weiterhin funktionieren
?Envless Angular-Anwendung erstellen
In seinem Artikel erklärt Maksim Dolgikh, wie man von hartcodiertem Code für jede Umgebung zu einem universellen Build übergeht, der überall verwendet werden kann. Er schlägt zwei Lösungen vor:
- Rufen Sie die Konfiguration von einem Konfigurationsserver ab
- Verwenden Sie Docker und erstellen Sie JSON-Konfigurationsdateien während der Docker-Image-Abrufphase
?Portieren Sie eine einfache React-Komponente nach Angular
Chau Tran vergleicht die Kompositionsmodelle von React und Angular, erklärt die Verwendung der Selection- und Select-Komponenten in React Three Fiber und bietet eine detaillierte Anleitung zur Portierung dieser Komponenten von React nach Angular.
??Ü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 #28: Angular 18.1, Komponententests, SSR-Leitfaden und mehr
- 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
? 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 # Implizite Angular-Bibliotheken, die Zukunft ist Standalone und mehr. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
