2. Counter-App

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.

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