Während dieses Moduls haben wir uns viele wichtige Grundlagen angesehen, die Sie bei der
Arbeit mit React Native kennen müssen. Sie haben von diesen Kernkomponenten erfahren, die
Sie aus React Native importieren, und dass Sie
nur mit diesen Kernkomponenten arbeiten können. Sie können Ihre eigenen Komponenten erstellen, aber diese Komponenten müssen
dann auch auf diesen integrierten Kernkomponenten oder auf anderen basieren benutzerdefinierte Komponenten, die dann auf diesen Kernkomponenten basieren.
Das ist wirklich wichtig. Sie müssen diese Kernkomponenten verwenden und können diese Kernkomponenten mithilfe von Inline-Stilen oder
einem Stylesheet formatieren, wie wir es hier tun. Am Ende geschieht das gesamte Styling natürlich
mit Javascript, da dies hier nur Javascript-Code ist. Am Ende handelt
es sich um ein Javascript-Objekt, auf das wir hier verweisen, wenn wir einen Stil
zuweisen, und im Allgemeinen steuern Sie Ihren gesamten Stil Benutzeroberfläche mit Javascript.
Dieser Teil hier, die Ansicht, also
die Elemente, die Sie hier
erstellen, dies ist der Teil, den React Native zu nativem Code
kompiliert, dieser Teil hier oben, Ihr anderer Javascript-Code, der Javascript-Code
bleibt und nicht kompiliert wird Stattdessen wird dies in dieser virtuellen
Maschine ausgeführt, die ich Ihnen in Abschnitt 1 dieses Kurses gezeigt habe, und dann über eine von
React Native eingerichtete spezielle Brücke mit dem nativen Code gesprochen. Abgesehen davon haben wir normale
React-Funktionen verwendet.
Wir verwenden Requisiten, um Daten weiterzugeben. Wir verwenden hier den Status mit useState, dem useState-Hook, um
nur funktionale Komponenten zu verwenden. Sie hätten dies in eine klassenbasierte Komponente konvertieren können,
um dort den Status set und dort den Status use zu verwenden, da
Sie wahrscheinlich etwas über klassenbasierte Komponenten gelernt haben, aber ich möchte diese sehr moderne React-Syntax
verwenden, und daher verwende ich React-Hooks und damit wir habe die Grundlagen festgelegt.
Neben den offiziellen Dokumenten, die immer einen Blick wert sind, wenn Sie mehr über
eine bestimmte Komponente erfahren möchten, werden wir uns jetzt viel eingehender mit diesen Komponenten befassen, die wir hier verwenden, mit dem Styling
und im nächsten Abschnitt auch Ein Blick darauf, wie Sie eine solche Anwendung debuggen können, bevor wir dann eine andere
App erstellen, eine schönere App, in der wir uns dann auch mit Fragen befassen, wie Sie Ihre App
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
Ihre Stile oder Ihr Layout an die verschiedenen Plattformen anpassen können, also iOS für
Android, auf dem Sie laufen.