🧠 Angular Architecture FAQ – 20 Fragen, die dir in jedem Projekt gestellt werden

Angular ist riesig – und je größer dein Projekt, desto mehr Architekturfragen prasseln auf dich ein.
Hier kommen 20 häufige Fragen, die du als Lead Dev, Architekt oder Consultant sicher kennen solltest – mit klaren Antworten.

🧩 Architekturstruktur

1. Wie sollte ich mein Projekt strukturieren?
👉 Feature-first, domain-orientiert. Trenne feature/, shared/, core/, data-access/, ui/.

2. Wo liegt die Grenze zwischen Smart & Dumb Components?
👉 Smart = orchestrieren, Dumb = präsentieren.

3. Brauche ich noch Module?
👉 Nein, seit Angular 15 kannst du alles mit Standalone Components bauen.

⚙️ State Management

4. SignalStore oder @ngrx/store?
👉 SignalStore für kleinere, moderne Projekte. @ngrx für komplexe Shared-State-Strukturen.

5. Kann ich Signals mit RxJS kombinieren?
👉 Ja – fromSignal, toSignal, effect, computed.

🔐 Security & Access

6. Wie baue ich eine sichere Auth-Lösung?
👉 JWT + Interceptor + Route Guards + Role Checks im Template.

7. Wie verhindere ich XSS?
👉 Kein innerHTML, Angular Sanitizer nutzen.

🧪 Testing

8. Was muss ich wirklich testen?
👉 Business-Logik, Edge Cases, User-Flows – nicht nur 100% Coverage.

9. Jest, Vitest oder TestBed?
👉 Jest: stabil + snapshotfähig. Vitest: ultraschnell. TestBed: für DI & Angular spezifisch.

🚀 Performance

10. Wie reduziere ich Bundle Size?
👉 Tree-shakable Libs, standalone, provideComponentStore, OnPush, Signals.

11. Wie erkenne ich Performance-Probleme?
👉 Angular DevTools + Performance Tab + Signal Computation Logs

📦 Reuse & Skalierung

12. Wie mache ich Komponenten wirklich wiederverwendbar?
👉 Keine Abhängigkeit zu Feature-Code, nur Inputs/Outputs/Signals.

13. Wie teile ich Daten zwischen Routen?
👉 Route Resolvers, Services mit Signals, oder RouterStateSnapshot.

📚 Dokumentation & Kommunikation

14. Wie dokumentiere ich technische Entscheidungen?
👉 ADRs (Architectural Decision Records)

15. Wie halte ich mein Team architekturseitig auf Linie?
👉 Playbooks + regelmäßige Code Reviews + Knowledge Graph

📊 Tools & Setup

16. Lohnt sich Nx?
👉 Ja, für Monorepo, Teamwork, Caching, affected builds, CI-Flow.

17. Was ist der Unterschied zwischen Monorepo und Multiprojekt-Repo?
👉 Monorepo = alles in einem. Multiprojekt = getrennt, inkonsistent.

🛠️ CI/CD & Build

18. Wie beschleunige ich meine Builds?
👉 Nx Cloud, affected:*, Distribute E2E

19. Wie sichere ich Architekturregeln per CI ab?
👉 Linting + Custom ESLint Rules + Dependency Constraints

🧠 Letzte Frage

20. Was ist deine persönliche Lieblingsarchitektur?
👉 Feature-Domain Driven, mit Standalone Components, SignalStore, Nx, ADRs, Smart UI-Komponenten, komplett modulare Struktur.

📍 Bald im Blog: 📦 Angular Feature Shells – Trennung, Struktur & Lazy Load auf Enterprise-Niveau