1
00:00:02,230 --> 00:00:07,780
Während dieses Moduls haben wir uns viele wichtige Grundlagen angesehen, die Sie bei der

2
00:00:07,780 --> 00:00:13,030
Arbeit mit React Native kennen müssen. Sie haben von diesen Kernkomponenten erfahren, die

3
00:00:13,120 --> 00:00:15,910
Sie aus React Native importieren, und dass Sie

4
00:00:15,910 --> 00:00:21,580
nur mit diesen Kernkomponenten arbeiten können. Sie können Ihre eigenen Komponenten erstellen, aber diese Komponenten müssen

5
00:00:21,580 --> 00:00:27,640
dann auch auf diesen integrierten Kernkomponenten oder auf anderen basieren benutzerdefinierte Komponenten, die dann auf diesen Kernkomponenten basieren.

6
00:00:27,850 --> 00:00:32,830
Das ist wirklich wichtig. Sie müssen diese Kernkomponenten verwenden und können diese Kernkomponenten mithilfe von Inline-Stilen oder

7
00:00:32,920 --> 00:00:38,320
einem Stylesheet formatieren, wie wir es hier tun. Am Ende geschieht das gesamte Styling natürlich

8
00:00:38,320 --> 00:00:42,190
mit Javascript, da dies hier nur Javascript-Code ist. Am Ende handelt

9
00:00:42,190 --> 00:00:46,750
es sich um ein Javascript-Objekt, auf das wir hier verweisen, wenn wir einen Stil

10
00:00:46,990 --> 00:00:51,270
zuweisen, und im Allgemeinen steuern Sie Ihren gesamten Stil Benutzeroberfläche mit Javascript.

11
00:00:51,310 --> 00:00:53,590
Dieser Teil hier, die Ansicht, also

12
00:00:53,800 --> 00:00:55,890
die Elemente, die Sie hier

13
00:00:55,960 --> 00:00:59,850
erstellen, dies ist der Teil, den React Native zu nativem Code

14
00:01:00,190 --> 00:01:03,670
kompiliert, dieser Teil hier oben, Ihr anderer Javascript-Code, der Javascript-Code

15
00:01:03,670 --> 00:01:07,280
bleibt und nicht kompiliert wird Stattdessen wird dies in dieser virtuellen

16
00:01:07,370 --> 00:01:13,300
Maschine ausgeführt, die ich Ihnen in Abschnitt 1 dieses Kurses gezeigt habe, und dann über eine von

17
00:01:13,300 --> 00:01:20,230
React Native eingerichtete spezielle Brücke mit dem nativen Code gesprochen. Abgesehen davon haben wir normale

18
00:01:20,230 --> 00:01:22,030
React-Funktionen verwendet.

19
00:01:22,060 --> 00:01:29,770
Wir verwenden Requisiten, um Daten weiterzugeben. Wir verwenden hier den Status mit useState, dem useState-Hook, um

20
00:01:29,770 --> 00:01:35,650
nur funktionale Komponenten zu verwenden. Sie hätten dies in eine klassenbasierte Komponente konvertieren können,

21
00:01:35,650 --> 00:01:39,440
um dort den Status set und dort den Status use zu verwenden, da

22
00:01:39,520 --> 00:01:43,690
Sie wahrscheinlich etwas über klassenbasierte Komponenten gelernt haben, aber ich möchte diese sehr moderne React-Syntax

23
00:01:43,870 --> 00:01:47,560
verwenden, und daher verwende ich React-Hooks und damit wir habe die Grundlagen festgelegt.

24
00:01:47,560 --> 00:01:52,420
Neben den offiziellen Dokumenten, die immer einen Blick wert sind, wenn Sie mehr über

25
00:01:52,420 --> 00:01:59,650
eine bestimmte Komponente erfahren möchten, werden wir uns jetzt viel eingehender mit diesen Komponenten befassen, die wir hier verwenden, mit dem Styling

26
00:01:59,650 --> 00:02:06,460
und im nächsten Abschnitt auch Ein Blick darauf, wie Sie eine solche Anwendung debuggen können, bevor wir dann eine andere

27
00:02:06,460 --> 00:02:12,460
App erstellen, eine schönere App, in der wir uns dann auch mit Fragen befassen, wie Sie Ihre App

28
00:02:12,460 --> 00:02:20,320
an verschiedene Gerätegrößen anpassen können, wie Sie Ihre Widgets gestalten können, Ihre Komponenten auf eine etwas schönere Art und Weise und auch, wie Sie

29
00:02:20,620 --> 00:02:25,360
Ihre Stile oder Ihr Layout an die verschiedenen Plattformen anpassen können, also iOS für

30
00:02:25,360 --> 00:02:27,370
Android, auf dem Sie laufen.