Storybook 7.5: Vite 5 Integration, Lit 3.0 Support und mehr

Kürzlich haben Open-Source-Entwickler die Version 7.5 des Frontend-Tools Storybook veröffentlicht. Dieses beliebte Tool hat auf GitHub mehr als 80.000 Sterne gesammelt und wird verwendet, um User-Interface-Komponenten und Seiten in einer isolierten Umgebung zu erstellen. Das klingt ziemlich cool, oder?

Die neueste Version von Storybook bereitet sich darauf vor, das Build-Tool Vite 5 zu integrieren. Vite 5 ist derzeit noch als Beta-Version verfügbar, aber es hat bereits einige Aufmerksamkeit auf sich gezogen. In der vorherigen Version von Storybook, 7.0, wurde bereits der konfigurationsfreie Support für Vite eingeführt. Vite ist bekannt für seine hohe Geschwindigkeit, daher ist es keine Überraschung, dass es hier Einzug hält.

Aber das ist noch nicht alles! Storybook 7.5 unterstützt auch die brandneue Version 3.0 der JavaScript-Bibliothek Lit. Lit wird verwendet, um Web Components zu entwickeln und hat vor kurzem seine dritte Hauptversion erreicht. Diese Version von Storybook ist auch in der Lage, die Standard Decorators der TC39-Spezifikation zu verarbeiten. Das klingt nach einer ziemlich fancy Funktion, oder?

Aber es gibt noch mehr! Storybook 7.5 verbessert auch die Performance und aktualisiert react-docgen auf Version 6. Das ist Teil der Vorbereitung für Storybook 8, wo react-docgen als Standard für das automatische Generieren von Komponentensteuerelementen dienen soll. Das Team von Storybook hat berichtet, dass diese Verbesserungen die Startzeiten für größere React-Storybooks erheblich verkürzen. Sie haben sogar ein Beispiel gegeben, wo die Startup-Zeit von 8,9 auf 4 Sekunden reduziert wurde. Das ist doch mal eine deutliche Verbesserung!

Aber Moment mal, es gibt noch eine weitere tolle Neuerung in Storybook 7.5! Es wurde ein neues Feature für die Integration mit Angular hinzugefügt, namens “argsToTemplate”. Dieses Feature soll das Erstellen von Templates für Angular-Komponenten vereinfachen und die Kompatibilität mit dem Standardverhalten von Angular verbessern. Das klingt nach einer praktischen Funktion für alle Angular-Entwickler da draußen.

Natürlich gibt es auch noch einige weitere Verbesserungen in dieser Version von Storybook, wie erweiterte Funktionen für die Verwendung von Next.js und die Markierung einiger Funktionen als veraltet. Wenn du bereits Storybook verwendest und auf dem neuesten Stand sein möchtest, kannst du das npm-Package-Runner npx verwenden, um das Upgrade durchzuführen. Und wenn du eine ältere Version von Storybook verwendest, steht ein Migrationsguide zur Verfügung, um dir den Umstieg zu erleichtern.

Das Team von Storybook hat alle Höhepunkte dieser neuen Version in einem Blogeintrag zusammengefasst, der weitere Informationen zu den einzelnen Verbesserungen und Funktionen bietet. Wenn du also tiefer in die Materie eintauchen möchtest, solltest du dort vorbeischauen. Viel Spaß beim Ausprobieren der neuen Funktionen!

Schlagwörter: Storybook + Version 75 + PerformanceVerbesserungen

Wie bewerten Sie den Schreibstil des Artikels?
1 Star2 Stars3 Stars4 Stars5 Stars
  • 20. Oktober 2023