LS 1.2 - Übungen- Schichtenarchitektur implementieren

2.1. Lösung - Counter-App

Antwort 1: Bedeutung der Schichtenarchitektur

Die Schichtenarchitektur trennt Logik, Präsentation und Steuerung, wodurch der Code wartbarer, testbarer und erweiterbar wird. Sie erleichtert die Teamarbeit und fördert Wiederverwendbarkeit.

Antwort 2: Komponenten, Dateien und ihre Rollen

• App.js: Die Hauptkomponente. Organisiert die App und importiert die modularen Komponenten CounterDisplay und CounterButtons. Enthält die Zustandsverwaltung (useState) und leitet Funktionen sowie den aktuellen Zustand als Props an die Komponenten weiter.
  
• CounterDisplay.js:  Präsentationskomponente zur Anzeige des aktuellen Zählerstands. Bekommt den aktuellen Wert des Counters (count) über Props.
• CounterButtons.js: Präsentationskomponente, die zwei Buttons zur Erhöhung und Verringerung des Counters anzeigt. Führt die Funktionen (increase, decrease) aus, die über Props übergeben werden.