Frontend

Wir haben das NDM-Frontend als moderne Webanwendung entwickelt, um Entwicklern eine schnelle, intuitive und vertraute Benutzeroberfläche zu bieten. Da unser Team über Erfahrung in der Webentwicklung verfügt, haben wir uns für eine Webanwendung entschieden. Wir wollten, dass Entwickler sofort verstehen, was NDM ist und wie es funktioniert.

wichtig für Entwickler

Verwende ausschließlich pnpm und füge keine unnötigen Abhängigkeiten hinzu.

React

React ist unser primäres UI-Framework. Wir haben uns dafür entschieden, weil:

• es im Entwickler-Ökosystem weit verbreitet ist.
• es über eine hervorragende, langfristige Community-Unterstützung und exzellente Tools verfügt.
• unser Team über umfassende Erfahrung in der Entwicklung produktionsreifer React-Anwendungen verfügt.
• das Komponentenmodell die Wartung und Erweiterung der NDM-Benutzeroberfläche erleichtert.

React ermöglicht es uns, eine saubere, modulare Benutzeroberfläche zu erstellen, die mit dem Wachstum von NDM weiterentwickelt werden kann.

Vite

Vite ist unser Build-Tool und Entwicklungsserver.

Wir haben uns für Vite entschieden, weil:

• es dank nativer ES-Module extrem schnelle Startzeiten bietet.
• Hot Module Replacement (HMR) sofort funktioniert, was die Produktivität der Entwickler steigert.
• es einen geringeren Konfigurationsaufwand erfordert als ältere Tools wie Webpack.
• es sich nahtlos in React, TypeScript und Tailwind integrieren lässt.

Vite sorgt dafür, dass das Frontend schlank und schnell bleibt und sich leicht weiterentwickeln lässt. Zudem ist es sehr modern.

TypeScript

Das Frontend von NDM ist vollständig in TypeScript typisiert.

Wir haben uns für TypeScript entschieden, weil:

• es ganze Klassen von Laufzeitfehlern verhindert.
• es die Lesbarkeit und Wartbarkeit des Codes verbessert.
• es Refactoring bei wachsendem Projekt sicher macht.
• es sich perfekt in React und moderne Tools integrieren lässt. TypeScript hilft uns dabei, eine stabile und berechenbare Codebasis zu pflegen.

Tailwind CSS

Tailwind ist unser Styling-Framework.

Wir haben uns aus folgenden Gründen für Tailwind entschieden:

• Es ermöglicht eine schnelle UI-Entwicklung durch Utility-First-Klassen.
• Es sorgt für ein einheitliches Styling in der gesamten Anwendung.
• Es macht eigene CSS-Dateien und Namenskonventionen überflüssig.
• Es harmoniert hervorragend mit Responsive Design und Dark Mode.
• Es lässt sich nahtlos in Vite und React integrieren.

Tailwind ermöglicht es uns, saubere, moderne Benutzeroberflächen zu erstellen, ohne die Entwicklung zu verlangsamen.

Zusammenfassung

Das NDM-Frontend ist bewusst einfach, schnell und entwicklerfreundlich gestaltet. React, Vite, TypeScript und Tailwind bilden einen effizienten, modernen Stack, der auf die Erfahrung unseres Teams abgestimmt ist und es uns ermöglicht, eine ausgereifte Benutzeroberfläche mit minimalem Aufwand bereitzustellen. Das Frontend soll nicht das CLI-Tool übertönen, sondern Informationen schnell und elegant bereitstellen.