1. Greetings-App

1.1. Lösung - Greetings-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. 
  • Greeting.js:  Zeigt die Begrüßungsnachricht an. Nimmt den name-Wert als Prop und ist vollständig für die Präsentation zuständig.
  • NameInput.js: Präsentationskomponente, enthält das Eingabefeld (TextInput). Verwendet die Prop setName, um Änderungen am Namen in den Zustand zu schreiben.

Antwort 3: Musterlösung Greetings-App-b - Snack oder als Download.


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