Addicts # Wann man Effekte, Angular DI-Funktionen, Request-Caching und mehr verwendet

„Hey Angular Addict

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

?Veröffentlichungsankündigungen

?Nx 19.8 Update

Zack DeRose fasst die neuen Funktionen der neuesten Nx-Version zusammen:

• Nx-Import ist allgemein verfügbar
• Verbesserte Aufgabenplanung
• Project Crystal kommt zu Angular und leitet Aufgaben für Projekte in Ihrem Arbeitsbereich ab, anstatt zu verlangen, dass sie in jeder project.json- oder angle.json-Datei Ihres Arbeitsbereichs vorhanden sind
• Kristallisieren Sie Ihren gesamten Arbeitsbereich mit einem Befehl
• Neue Nx-Arbeitsbereiche erstellt mit ESLint 9

„Eckige Edelsteine ​​vom September 2024.“

? Wann (nicht) Effekte in Angular verwendet werden sollten – und was stattdessen zu tun ist

In seinem Artikel erklärt Manfred Steyer, dass Effekte hauptsächlich für Rendering-Aufgaben verwendet werden sollten, die nicht durch Datenbindung erreicht werden können, wie z. B. Protokollierung, Malen auf einer Leinwand oder benutzerdefiniertes DOM-Verhalten. Wenn wir Daten über Datenbindung rendern möchten, um auf eine Signaländerung zu reagieren, schlägt er die Verwendung von Computern vor, um synchron Werte aus Signalen abzuleiten. Wir können auch RxJs oder reaktive Helfer wie rxMethod verwenden, um auf die Ereignisse hinter den Signaländerungen zu reagieren.

? Faszinierende Abhängigkeitsinjektion

Armen Vardanyan erforscht Dependency Injection (DI) in Angular. Er zeigt interessante Funktionen wie dynamische Abhängigkeiten mit Abfrageparametern, die gemeinsame Nutzung einer Formularinstanz vom übergeordneten zum untergeordneten Element und die Bereitstellung globaler Konfiguration.

? Die 10 häufigsten Fehler bei der Winkelarchitektur, die Sie unbedingt vermeiden möchten

In seinem neuesten Blogbeitrag sammelte Tomas Trajan häufige Fehler, die Entwickler in Angular machen, wie zum Beispiel:

• Ich denke nicht an den Unterschied zwischen eifrigen und faulen Teilen der App
• Mehr als einen Weg nutzen, um dasselbe zu erreichen
• Fokus auf TROCKEN statt ISOLATION
• Architektur manuell analysieren statt mithilfe von Tools
• Nicht vertraut mit den beiden Hauptsystemen in Angular und den Regeln, nach denen sie sich verhalten

? Verwenden von Storybook mit Angular und Vite

Standardmäßig verwenden Angular und Storybook Webpack, um die Storybook-Anwendung zu erstellen und bereitzustellen. In dieser Schritt-für-Schritt-Anleitung führt Sie Brandon Roberts durch die Integration von Storybook mit Angular unter Verwendung von Vite als Entwicklungsserver.

? API-Anfragen in Angular zwischenspeichern: Besser, schneller und stärker

Koye Mohan Reddy zeigt, wie man API-Anfragen in Angular zwischenspeichert um die Leistung und das Benutzererlebnis zu verbessern. Er behandelt die Implementierung von Caching mit HTTP Interceptor, Cache-Invalidierung und Speichernutzungsbeschränkungen.

?‍?Ü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 #29: Angular 18.2, implizite Bibliotheken, die Zukunft ist Standalone und mehr
• 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

? 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 vonAddicts # Wann man Effekte, Angular DI-Funktionen, Request-Caching und mehr verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!