LS 1.2 - Übungen- Schichtenarchitektur implementieren

3.1. Lösung - Lichschalter-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, die die Zustandsverwaltung übernimmt. Importiert die modularen Komponenten LightDisplay und LightSwitch. Überträgt den Zustand des Lichts (isLightOn) sowie die Umschaltfunktion (toggleLight) als Props an die Präsentationskomponenten.
• LightDisplay.js:  Präsentationskomponente zur Anzeige des aktuellen Lichtstatus. Zeigt an, ob das Licht an oder aus ist. Nimmt den Status des Lichts (isLightOn) als Prop entgegen.
• LightSwitch.js: Präsentationskomponente, die den Schalter (Button) zum Ein- und Ausschalten des Lichts enthält. Präsentationskomponente, die den Schalter (Button) zum Ein- und Ausschalten des Lichts enthält. Ruft die übergebene Funktion toggleLight auf, um den Zustand zu ändern.