Als Entwickler einer App für Pflegefamilien stand ich vor der Entscheidung, wie ich die Benutzeroberfläche am effizientesten umsetzen könnte. In diesem Artikel teile ich meine Erfahrungen mit UI Libraries in React Native und Expo – von der Auswahl bis zur praktischen Umsetzung.
Warum eine UI Library?
Die Motivation war klar: Zeit sparen und von fertigen, aufeinander abgestimmten Komponenten profitieren. Eine gut gewählte UI Library sollte mir die Entwicklung erleichtern und ein konsistentes Erscheinungsbild garantieren.
Welche Kriterien waren entscheidend?
Bei der Auswahl einer UI Library für React Native waren mir drei Hauptaspekte wichtig:
- Einfache Integration: Das Setup und die Verwendung sollten unkompliziert sein. Schließlich wollte ich Zeit sparen und nicht tagelang mit der Einrichtung verbringen.
- Umfangreiche Komponentenbibliothek: Je mehr vorgefertigte Komponenten, desto weniger Eigenentwicklung würde nötig sein.
- Anpassbare Themes: Mindestens die Farben sollten sich an unser Branding anpassen lassen.
Die Kandidaten im Praxistest
Nach diesen Kriterien kamen zwei UI Libraries in die engere Wahl: TAMAGUI und UI Kitten.
TAMAGUI: Vielversprechend, aber komplex
TAMAGUI war meine erste Wahl, scheiterte aber bereits an der Installation. Obwohl das Framework vielversprechend aussah, erwies sich die Einrichtung als zu komplex für meine Bedürfnisse. Wenn ein Tool das Entwicklerleben vereinfachen soll, darf es nicht selbst zur Fehlerquelle werden.
UI Kitten: Schneller Start mit kleinen Hürden
UI Kitten überzeugte zunächst mit einer reibungslosen Installation und einfachen Ersteinrichtung. Layout und Buttons ließen sich sofort verwenden. Doch nach einiger Zeit zeigten sich auch hier Herausforderungen:
- Die Modal-Komponente verursachte Fehlermeldungen, obwohl sie im Android-Emulator funktionierte
- Für spezielle Anwendungsfälle fehlten passende Komponenten, die aber auch in anderen Libraries fehlen
Die Lösung? KI-gestützte Eigenentwicklungen, die das Theme von UI Kitten nutzen, aber auf React Native Basis-Komponenten aufbauen.
Fazit: Wann lohnt sich eine UI Library?
Nach meinen Erfahrungen gibt es zwei klare Empfehlungen:
👍 Eine UI Library ist optimal für:
- Schnelle Prototypen und Demos
- Projekte, die mit Standard-Komponenten auskommen
- Entwickler, die UI-Bibliotheken kennenlernen möchten
👎 Finger weg von UI Libraries bei:
- Individuellen Designvorgaben
- Speziellen Bedienkonzepten
- Hohem Anpassungsbedarf
Learnings für die Zukunft
Die Arbeit mit UI Kitten war besonders als React Native Neuling lehrreich. Ich konnte verstehen, wie UI-Bibliotheken strukturiert sind und wie man sie effektiv einsetzt. Gleichzeitig zeigte sich, dass moderne KI-Tools eine interessante Alternative für individuelle Komponenten bieten können.