2.11.2022 |

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:

image

Dennis
Zur Übersicht

Mehr vom DevSquad...

Sven Röttering

Fontaine - Automatic font fallback based on font metrics

Dennis Hundertmark

Angular Router Standalone APIs