Was wir im Mai lesen: Ivy Reviews, Nest 5-Release und andere nützliche Texte für Angular-Entwickler

Published on June 10, 2018

Was wir im Mai lesen: Ivy Reviews, Nest 5-Release und andere nützliche Texte für Angular-Entwickler


    Für diejenigen, die an einem langen Wochenende nicht nur Kebabs essen, sondern auch alle notwendigen Texte lesen möchten, habe ich zehn Links vom Mai im Vimbox-Entwicklerkanal von Skyak Slack gesammelt. Wie beim letzten Mal konzentriert sich die Zusammenstellung auf das Angular-Framework und wird für Programmierer interessant sein, die damit arbeiten.


    Ivy's Angular Engine: Ein erster Blick auf Kompilierung, Laufzeit und Änderungserkennung


    Eine hervorragende Analyse des kommenden Ivy-Renderers: Er beschreibt allgemein, warum er dies überhaupt tut und wie es im Inneren funktioniert.


    „Bevor wir auf die Details der Aufführung eingehen, möchte ich ein paar Absätze der Beantwortung der Frage widmen, die sich in meinem Kopf immer nach etwaigen Änderungen stellt. Dies ist die ewige Frage: Warum?


    Details zu dem in dem Artikel erwähnten inkrementellen DOM-Konzept, das im Ivy-Renderer implementiert ist, und zu den Unterschieden zum virtuellen DOM - in diesem Artikel .


    Nun, für diejenigen, die völlig gelangweilt sind - das offizielle Design-Dokument für den Ivy-Compiler .


    Angular Ivy Change-Erkennungsleistung: Sind Sie bereit?


    Ein weiterer Mini-Review von Ivy Renderer mit Change Detection / Live Cycle hakt Gifs über die Arbeit, dargestellt durch die Struktur der internen Objekte und eine Demo, in der Sie diese mit Ihren Händen fühlen können.


    Spaßmoment aus dem Artikel:


    RxJS: Vermeiden Sie Lecks mit takeUntil


    Eine kurze Anmerkung darüber, warum takeUntilimmer der letzte sein sollte.


    Was ist das Problem?
    Befindet sich der Betreiber takeUntilvor dem Betreiber, der ein neues Abonnement erstellt, wird er nach Erhalt der Benachrichtigung über die Abmeldung des takeUntilBetreibers diesen Dienst nicht kündigen und weiterarbeiten. "


    Wie Sie lernen, mit RxJS bewegte Objekte reaktiv zu denken und zu animieren


    Animationen mit RxJS erstellen


    „Wann immer Sie auf ein Problem stoßen, bei dem Zeit und Asynchronität eine Rolle spielen, führt das reaktive Denken zusammen mit reaktiven Bibliotheken wie RxJS zu einer einfacheren und zuverlässigeren Lösung. In dieser Welt beständiger Verbindungen, Clouds, nicht blockierender Plattformen und Mikrodienste werden Zeit und Asynchronität eine immer wichtigere Rolle spielen. “


    Warum es Zeit ist, die Angular Template-Driven Forms aufzugeben


    Warum sollten Sie nur ReactiveForms verwenden und alle Arten von ngModel vergessen? Kurz und in der Sache.


    „Warum nicht beide verwenden?


    Ich habe vier Gründe:
    1. Schwieriges Mastering.
    2. Es ist notwendig, beide und eine weitere zu laden, und das Bundle wird etwas mehr.
    3. Wir können nicht vorhersagen, was der Entwickler wählen wird. Daher ist es schwieriger, Pull-Anforderungen zu bearbeiten.
    4. Meiner Meinung nach ist es immer sinnvoll, an einem Paradigma festzuhalten, wenn es keine ernsthaften Gründe gibt, dies nicht zu tun. “


    Sieben Schritte der Navigation mit einem Angular Router


    Genügend Oberflächenanatomie @angular/routeroder was passiert während der Navigation.



    „In diesem Artikel haben wir gelernt, was der Angular-Router macht, wenn ein Benutzer von einer Seite zur anderen navigiert.


    Sie können Mnemotechnik verwenden PRIGRAM :
    P ass
    der R edirect
    ich von ekb.html
    die G uard
    der R eSolve
    A ctivate
    M anage
    die Reihenfolge der Schritte Angular verfahren Router zu speichern.


    Wenn Sie diesen Prozess kennen, können Sie besser verstehen, was sich hinter den Kulissen abspielt, und dabei helfen, potenzielle Probleme beim Routen zu beheben. “


    Lernen Sie die Winkeldifferenz kennen


    Die Geschichte, wie man die Unterschiede in Angulyar am Beispiel seines eigenen Schreibens arrangiert.


    „Winkeldifferentiale sind vielleicht die am wenigsten bekannten APIs; Hierbei handelt es sich um hochoptimierte Blöcke, die von Angular selbst im Framework 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 jemals zu sich selbst gesagt haben: "Es reicht nicht für mich zu wissen, dass sich etwas geändert hat. Ich muss wissen, was sich geändert hat." Die Angular-Differentiale geben Ihnen die Antwort. "


    Möchten Sie Winkelelemente erstellen? Ich sage es dir!


    Ein einfaches Beispiel, wie Sie schnell @angular/elementsmit einer einfachen webpack-config für die Assembly beginnen können.


    „Bitte beachten Sie, dass wir alles manuell und von Grund auf gemacht haben .


    In Zukunft sollte dies einfacher sein und werden. Es wird erwartet, dass alles innerhalb der Angular-CLI konfiguriert wird, und die Erstellung der Assembly des Elements hängt von einem einzigen CLI-Befehl ab.


    Wenn Sie jedoch von Winkelelementen gehört haben und sie ausprobieren möchten, ist dies eine der möglichen Lösungen. Ich teile den zweiten im nächsten Artikel . "


    Vollständige Anleitung zur Change Detection onPush-Strategie


    Eine nützliche Beschreibung der Funktionsweise ChangeDetection.OnPush, ohne den Code von Angulyar zu verwenden. Es ist sehr nützlich für diejenigen, die nicht wissen, wie sie damit leben sollen.


    „Diese Technik wird als Dirty Check bezeichnet. Um herauszufinden, ob eine Vorlage aktualisiert werden muss, muss Angular einen neuen Wert annehmen, ihn mit dem alten vergleichen und dann auf dieser Grundlage das Update festlegen.


    Stellen Sie sich eine großartige App mit Tausenden von Bindemitteln vor. Wenn wir zulassen, dass Angular jeden von ihnen während des Änderungserkennungszyklus überprüft, treten Leistungsprobleme auf.


    Was ist, wenn wir Angular helfen, indem wir ihm einen Hinweis geben, wenn es sich lohnt, unsere Komponenten zu überprüfen? “


    Nest 5: Offizielle Veröffentlichung


    Die fünfte Version von Nest, das exzellente Node.js eines eckigen Backend-Frameworks auf Typoskript, wurde veröffentlicht. Es wurde noch abstrakter gemacht (damit Sie jeden http-Server verwenden können, nicht nur express), die Syntax wurde so korrigiert, dass sie mehr mit Angulyar (Dekoratoren / Modulen) übereinstimmt, das Microservice-Modul gekämmt wurde und das Einfügen ihrer Adapter und RPC-Bibliotheken anstelle der Standardbausteine ​​vereinfacht.


    Nun und traditionell: Kommen Sie mit uns zur Arbeit! Wir brauchen immer coole Leute !