Für diejenigen, die über das lange Wochenende nicht nur zum Grillen bereit sind, sondern auch alle möglichen Texte lesen möchten, habe ich zehn Mai-Links vom Vimbox-Entwicklerkanal im Skyeng Slack-Unternehmen gesammelt. Wie beim letzten Mal konzentriert sich die Sammlung auf das Angular-Framework und wird für Programmierer, die damit arbeiten, interessant sein.
Eine exzellente Analyse des kommenden Ivy-Renderers: Er beschreibt allgemein, warum er hergestellt wird und wie er im Inneren funktioniert.
„Bevor wir uns mit den Einzelheiten der Ausführung befassen, möchte ich der Antwort auf die Frage, die sich in meinem Kopf immer nach Änderungen stellt, einige Absätze widmen. Das ist die ewige Frage: Warum? “
Details zu dem im Artikel Inkrementelles DOM, das in Ivy Renderer implementiert ist, und seinen Unterschieden zum virtuellen DOM - in diesem Artikel .
Nun, für diejenigen, die sich total langweilen - das offizielle Design-Dokument für den Ivy-Compiler .
Ein weiterer Mini-Review von Ivy Renderer mit Gifs über die Arbeit von Change Detection / Live Cycle Hooks, gezeigt durch die Struktur interner Objekte und eine Demo, in der Sie es mit Ihren Händen fühlen können.
Ein lustiger Moment aus dem Artikel:
Ein kurzer Hinweis, warum takeUntil immer der letzte sein sollte.
„ Was ist das Problem?
Befindet sich der takeUntil Operator vor dem Operator, der das neue Abonnement erstellt, wird dieser Operator nach Erhalt der Benachrichtigung zum Abbestellen in takeUntil nicht abbestellt und arbeitet weiter.
Animationen mit RxJS erstellen
„Wenn Sie auf ein Problem stoßen, bei dem Zeit und Asynchronität eine Rolle spielen, führt reaktives Denken in Verbindung mit reaktiven Bibliotheken wie RxJS zu einer einfacheren und zuverlässigeren Lösung. In dieser Welt der ständigen Verbindungen, Clouds, nicht blockierenden Plattformen und Microservices werden Zeit und Asynchronität eine immer wichtigere Rolle spielen. “
Warum es sich lohnt, nur ReactiveForms zu verwenden und alle Arten von ngModel zu vergessen. Kurz und auf den Punkt.
"Warum nicht beide verwenden?"
Ich habe vier Gründe:
1. Schwierige Entwicklung.
2. Wir müssen beide laden, und das Bundle wird etwas mehr.
3. Wir können nicht vorhersagen, was der Entwickler auswählen wird, daher wird es schwieriger sein, Pull-Anfragen zu verarbeiten.
4. Meiner Meinung nach ist es immer sinnvoll, sich an ein Paradigma zu halten, wenn es keine ernsthaften Gründe dafür gibt. “
Genug Oberflächenanatomie @angular/router oder was passiert beim Navigieren.
„In diesem Artikel haben wir erfahren, was der Angular-Router tut, wenn ein Benutzer von einer Seite zur anderen navigiert.
Sie können die PRIGRAM- Mnemonik verwenden:
Ass
Weiterleiten
Ich zahne
G uard
Esolve
Eine Aktivierung
M anage
um sich die Reihenfolge der vom Angular-Router ausgeführten Schritte zu merken.
Wenn Sie diesen Prozess kennen, können Sie besser verstehen, was sich hinter den Kulissen abspielt, und potenzielle Probleme beim Routing beheben. “
Eine Geschichte darüber, wie sich Unterschiede in Angular am Beispiel des eigenen Schreibens anordnen.
„Winkelunterschiede sind möglicherweise die am wenigsten bekannten APIs. Dies sind hochoptimierte Blöcke, die von Angular selbst innerhalb des Frameworks verwendet werden (ngClass, ngStyle, ngFor usw.).
Sie werden sie definitiv nicht täglich verwenden, aber sie können unter bestimmten Bedingungen sehr nützlich sein. Wenn Sie sich jemals gesagt haben: "Es reicht mir nicht zu wissen, dass sich etwas geändert hat, ich muss wissen, was sich genau geändert hat." Winkelunterschiede geben Ihnen eine Antwort. "
Ein einfaches Beispiel dafür, wie Sie mit einer einfachen Webpack-Konfiguration für die Montage schnell @angular/elements angle @angular/elements .
„Bitte beachten Sie, dass wir alles manuell und von Grund auf neu gemacht haben .
In Zukunft sollte und wird es einfacher. Es wird erwartet, dass alles innerhalb der Angular-CLI konfiguriert wird und das Erstellen einer Baugruppe eines Elements nur ein Befehl von cli ist.
Wenn Sie jedoch von Angular Elements gehört haben und diese ausprobieren möchten, ist dies eine der möglichen Lösungen. Ich werde den zweiten im nächsten Artikel teilen. “
Eine nützliche Beschreibung der Funktionsweise von ChangeDetection.OnPush , ohne auf Angular-Code einzugehen. Es ist sehr nützlich für diejenigen, die nicht wissen / schlecht verstehen, wie man damit lebt.
„Diese Technik wird als Dirty Checking bezeichnet. Um herauszufinden, ob eine Vorlage aktualisiert werden muss, muss Angular einen neuen Wert annehmen, ihn mit dem alten vergleichen und auf dieser Grundlage eine Entscheidung zur Aktualisierung treffen.
Stellen Sie sich eine großartige Anwendung mit Tausenden von Bindemitteln vor. Wenn Angular jeden von ihnen während des Änderungserkennungszyklus testen lässt, treten Leistungsprobleme auf.
Was ist, wenn Sie Angular helfen, indem Sie ihm andeuten, wann er unsere Komponenten überprüfen soll? “
Die fünfte Version von Nest wurde veröffentlicht - das ausgezeichnete eckige Backend-Framework von Node.j auf Typoskript. Es wurde noch abstrakter gestaltet (so dass Sie jeden http-Server verwenden können, nicht nur Express), die Syntax an den Angular (Dekoratoren / Module) angepasst, das Microservice-Modul gekämmt und das Schneiden der Adapter und RPC-Bibliotheken anstelle der Standardbibliotheken vereinfacht.
Nun, traditionell: Komm zu uns, um zu arbeiten! Wir brauchen immer coole Leute !