Revision 482: Angular im Jahr 2021

Published: June 22, 2021, 7 a.m.

b'Nachdem es schon wieder zweieinhalb Jahre her ist, dass wir unseren letzten\\nBlick auf Angular geworfen haben, luden wir uns Martina Kraus ein, um uns wieder\\nauf Stand zu bringen.\\n\\nMartina twittert als @martinakraus11, ist selbstst\\xe4ndige Beraterin, Trainerin\\nund Sprecherin zum Thema Angular, und das nicht erst seit gestern. Zudem\\norganisiert sie zahlreichen Meetups in der Heidelberger Region. Aufgrund dieser\\nzahlreichen Aktivit\\xe4ten ist sie mittlerweile zur Google Developer Expert (GDE)\\nf\\xfcr Angular avanciert und tauscht sich dementsprechend viel mit dem Angular\\nCore-Team zu W\\xfcnschen aus der Community und neuen Entwicklungen des Frameworks\\naus.\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:01:00] ANGULAR IM JAHR 2021\\n\\nDie aktuell neuste Version des Frameworks ist die Version 12, die mittlerweile\\nvoll auf den Compiler \\u201eIvy\\u201c setzt, welcher in unserer letzten Folge vor\\nzweieinhalb Jahren noch Zukunftsmusik war. Einer der ganz gro\\xdfen Vorteile von\\nIvy ist, dass der erzeugte Code im Gegensatz zu fr\\xfcher getreeshaked werden kann,\\nwas Angular-Anwendungen, die nicht von Angular bereitgestellten Features nutzen,\\ndeutlich kleiner werden l\\xe4sst.\\n\\n\\n\\nAu\\xdferdem beschreitet das Framework einen interessanten neuen Pfad, n\\xe4mlich indem\\nes zunehmend auf TypeScript zugunsten von ES 2017 verzichtet. Das kommt insofern\\nunerwartet, als dass Angular bei seiner Einf\\xfchrung 2016 als erstes\\nJavaScript-Framework \\xfcberhaupt voll auf TypeScript gesetzt hat und die anderen\\nbeiden gro\\xdfen Frameworks jetzt erst bei Angulars Level an\\nTypeScript-Unterst\\xfctzung angekommen sind. Auf Typinferenz muss dabei niemand\\nverzichten, denn Angular 12 setzt auf einen neuen Modus namens \\u201eStrict\\u201c, der von\\nder Autorin erwartet, dass alle Variablen, die an einem Template h\\xe4ngen,\\ninitialisiert werden m\\xfcssen. Und dadurch ist dann von Anfang an klar, um was f\\xfcr\\neinen Datentyp es sich handelt. Wir sind gespannt, ob andere Frameworks hier\\nnachziehen werden.\\n\\nNach wie vor bereitet der Umstieg vom alten Compiler auf Ivy allerdings hier und\\nda noch Probleme, weil n\\xe4mlich Angular-Libraries f\\xfcr beide Compiler adaptiert\\nwerden m\\xfcssen. Hier gibt es aber Sch\\xfctzenhilfe von Tools wie dem Angular\\nCompatibility Compiler (ngcc) \\u2013 und auch Martina hat dazu dankenswerterweise\\neinen Talk auf Lager. Zudem hat Ivy noch ein paar eher halb-offizielle Features\\nwie Higher Order Components oder Custom Change Detection, die in Zukunft\\nausgereiftere Interfaces ben\\xf6tigen. Auch dazu hat Martina einen Talk parat!\\n\\nEine weitere wichtige Neuerung von Angular 12 ist dass es mit Webpack 5\\ndaherkommt. Dieses erleichtert vor allem das Orchestrieren von in Angular\\ngebauten Micro-Frontends, was so vormals nur mit der Microfrontend-Library von\\nManfred Steyer m\\xf6glich war (siehe dazu auch den Talk vom ihm).\\n\\nWer nach dem H\\xf6ren unserer Folge Lust auf Angular bekommen hat, dem empfiehlt\\nMartina den Einstieg \\xfcber das Angular-eigene Einsteiger-Toturial \\u201eTour of\\nHeroes\\u201e, oder aber die Tutorials von Maximilian Schwarzm\\xfcller, aka Academind.\\n\\nGeht es hingegen darum, Feedback los zu werden, dann schickt eine Mail an\\ndevrel@angular.io, oder wendet Euch an die DevRel Emma Twersky, oder geht den\\nWeg \\xfcber eine*n GDE wie Martina.'