Skip to main content
CS50 Mobile – Entwicklung mobiler Apps: React: Props und State
Alle Lehrpfade15. CS50 Mobile (Archiv)
beginner+20 XP

CS50 Mobile – Entwicklung mobiler Apps: React: Props und State

💡 Die Kernidee im Alltag:

"Historische Einführung zu React: Props und State; die Plattform führt das Konzept mit eigenen Beispielen weiter."

Konzepte verständlich erklärt (für Einsteiger jeden Alters)

Erklärung

Props geben Daten an eine Komponente weiter; State beschreibt veränderliche UI-Daten. Änderungen am State veranlassen React zu einer erneuten Darstellung.

Beispiel

Ein Zähler erhält die Startzahl als Prop und hält die aktuelle Zahl im State.

Was du mitnehmen solltest

Die Herkunft eines Werts klärt, wer ihn ändern darf.

Lerncheck & Übung

Etwa 20 Minuten · beginner

Das lernst du

  • Erkläre das Grundkonzept React: Props und State.
  • Ordne ein Beispiel und eine Grenze des Konzepts zu.

Voraussetzungen

  • Keine.

Häufige Fehler

  • Props direkt zu verändern umgeht den Datenfluss und erzeugt schwer nachvollziehbare UI.

Wissenscheck

Was unterscheidet Props von State?

Praktische Aufgabe

Zeichne Elternkomponente, Prop und lokalen State eines Zählers.

Archivkurs: historische Technologieversion. Die Aufgabe ist eine konzeptuelle Übung; die alte App- bzw. Laufzeitumgebung wird nicht bereitgestellt.

KI-Power-Tipp für Entwickler
Empfohlener Assistent: Optionaler Lernpartner (ohne Verbindung aus dieser Plattform)
Golden Prompt für deinen Editor:
Erkläre React: Props und State anhand eines neuen Beispiels und nenne eine Grenze.
Qualitäts-Prüfung: Unterscheide fachliche Regel, Datenfluss und tatsächliche Systemumgebung.

Interaktive Übung & lokaler Testlauf

Zeichne Elternkomponente, Prop und lokalen State eines Zählers.

Hinweise auf Wunsch anzeigen
  • Notiere zuerst Akteure, Daten und Ziel.
  • Prüfe, was bei einer ungültigen Eingabe passiert.
Isolierte Ausführungsumgebung