LS 1.2 - Übungen- Schichtenarchitektur implementieren

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.