Umgang mit Abhängigkeiten in Design-Systemen

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Abhängigkeiten in JavaScript sind ziemlich unkompliziert. Ich kann nicht library.doThing() schreiben, es sei denn, library existiert. Wenn sich die Bibliothek grundlegend ändert, gehen Dinge kaputt und hoffentlich fangen unsere Tests das auf.

Abhängigkeiten in CSS können etwas abstrakter sein. Robin hat in unserem Newsletter darüber geschrieben, wie das Styling bestimmter Klassen (z. B. position: absolute) vom Styling anderer Klassen (z. B. position: relative) abhängen kann und wie das – bestenfalls – manchmal schwer verständlich sein kann.

Design hat ebenfalls Abhängigkeiten, besonders in Design-Systemen. Nathan Curtis

Sie veröffentlichen zuerst icon und dann später andere Komponenten, die davon abhängen. Dann fügt icon kleinere Funktionen hinzu oder erfährt eine rückwärts inkompatible Änderung. Wenn Sie icon aktualisieren, können Sie nicht aufhören. Sie müssen diese Änderung auch durch alle von icon abhängigen Komponenten in der Bibliothek weitergeben.

„Wenn wir ein Upgrade durchführen und eine Komponente kaputt machen, müssen wir alle abhängigen Komponenten durchgehen und reparieren.“ – Jony Cheung, Software Engineering Manager, Atlassian’s Atlaskit

Die größten Änderungen geschehen mit den kleinsten Komponenten.

Direkter Link →