Modern CSS in Angular: Layouts

Mit der im November veröffentlichen Version 15 von Angular wird die @angular/flex-layout Bibliothek als Deprecated markiert. Sprich die Bibliothek wird nicht weiter entwickelt und es wird empfohlen diese aus bestehenden Applikationen auszubauen. @angular/flex-layout hat nie den Beta-Status verlassen, hat aber trotzdem bis heute über 300k Downloads.

In diesem Blog wird weiter darauf eingegangen, wie ein Ausbau aussehen kann.

Zusammenfassung

• Flex-Layout sollte durch CSS Display Eigenschaften wie Grid oder Flexbox ausgetauscht werden
• Ebenfalls wäre die Nutzung wie z.B. Tailwind CSS denkbar

Eine einfach Möglichkeit die Eigenschaften von Flex-Layout auszutauschen wäre die folgende Klasse: