Aus dem Kurs: React Native Grundkurs
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Datenmodelle definieren – Tutorial zu React Native
Aus dem Kurs: React Native Grundkurs
Datenmodelle definieren
Üblicherweise werden in einer App Daten verarbeitet, genauso also auch in einer React Native-App. Da wir innerhalb unseres Projektes TypeScript benutzen, ist es umso wichtiger, die Datenmodelle im Vorhinein zu definieren. In diesem Video werden wir also die Datenmodelle für die App definieren und die Integration mit unserer Ziel-API entwickeln. Hierfür beginnen wir zunächst, in unserem Projekt einen Ordner "src" anzulegen. Zukünftig wird hier der Startpunkt der Anwendung sein in Form der Application.tsx. Wie für jede Form von TSX-Datei üblich, importieren wir zunächst einmal React. Wir definieren unsere Application als eine Functional Component, innerhalb derer wir nun mit einem einfachen Return eine View erzeugen. Außerdem definieren wir noch ein Textelement, innerhalb dieses wir nun einen Text, wie beispielsweise "Hello World" anzeigen, um sicherzustellen, dass unsere App tatsächlich noch startet und der Bildschirm nicht einfach nur weiß bleibt. Das Textelement importieren wir auch…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
(Gesperrt)
Das Projekt im Überblick4 Min. 36 Sek.
-
(Gesperrt)
Das Projekt einrichten4 Min. 53 Sek.
-
(Gesperrt)
Datenmodelle definieren8 Min. 12 Sek.
-
(Gesperrt)
Views implementieren8 Min. 34 Sek.
-
(Gesperrt)
Header mit Animationen anlegen11 Min. 11 Sek.
-
(Gesperrt)
TrendingView implementieren12 Min. 53 Sek.
-
(Gesperrt)
Ladeanimationen hinzufügen6 Min. 46 Sek.
-
(Gesperrt)
VideoView implementieren10 Min. 9 Sek.
-
(Gesperrt)
Vollbildansicht mit Geräteorientierung festlegen7 Min. 11 Sek.
-
(Gesperrt)
Daten und Logik verknüpfen6 Min. 58 Sek.
-
(Gesperrt)
Routing und Navigation implementieren5 Min. 59 Sek.
-
(Gesperrt)
App unter iOS starten2 Min. 33 Sek.
-
(Gesperrt)