3. Lichschalter-App

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.
Antwort 3: Musterlösung oder als Download.

Allgemeine Datenschutzbestimmungen | Impressum
Herausgeber: Land Baden-Württemberg, vertreten durch das Zentrum für Schulqualität und Lehrerbildung (ZSL), Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-0, poststelle@zsl.kv.bwl.de
Verantwortlich im Sinne des Presserechts: ZSL, Irmgard Mühlhuber, Ref. 24 "Digitalisierung, Medienbildung", Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-240, digitalebildung@zsl.kv.bwl.de
Kontakt zum/r behördlichen Datenschutzbeauftragte/n: datenschutz@zsl.kv.bwl.de