1 00:00:02,380 --> 00:00:03,300 Was 2 00:00:03,310 --> 00:00:04,660 ist React Native? 3 00:00:04,660 --> 00:00:06,520 Beginnen wir mit dem React-Teil, der auch als 4 00:00:06,520 --> 00:00:08,190 React bezeichnet wird. 5 00:00:08,200 --> 00:00:13,260 js das ist der Name dieser Bibliothek und ich erwarte, dass Sie wissen, was reagieren. js ist. 6 00:00:13,360 --> 00:00:15,570 Sie müssen kein Experte für Reagieren sein. js aber du 7 00:00:15,580 --> 00:00:18,290 solltest wissen was reagieren. js ist. 8 00:00:18,310 --> 00:00:22,450 Lassen Sie uns dennoch kurz zusammenfassen, was es ist, damit wir auf derselben Seite sind. 9 00:00:22,480 --> 00:00:25,910 Es ist eine Javascript-Bibliothek zum Erstellen von 10 00:00:25,930 --> 00:00:27,400 Benutzeroberflächen, das ist 11 00:00:27,400 --> 00:00:35,560 die offizielle Definition, genau das macht React am Ende. Es läuft unter Javascript und ist gut darin, Benutzeroberflächen zu erstellen. 12 00:00:35,560 --> 00:00:41,420 Normalerweise verwenden wir React in der Webentwicklung zum Erstellen von Web-Apps, aber es ist wichtig zu verstehen, dass 13 00:00:41,430 --> 00:00:42,880 React selbst, die Bibliothek, 14 00:00:42,880 --> 00:00:49,360 keine Annahme darüber macht, was wir damit erstellen, da es sich tatsächlich um eine andere Bibliothek handelt, die Sie auch 15 00:00:49,360 --> 00:00:54,970 verwenden, wenn Sie es sind Erstellen von Web-Apps mit React, die für das Rendern von Inhalten auf 16 00:00:54,970 --> 00:00:56,260 dem Bildschirm verantwortlich 17 00:00:56,260 --> 00:00:58,470 sind, und das ist die React DOM-Bibliothek. 18 00:00:58,570 --> 00:01:04,660 In jedem React for-Webprojekt, an dem Sie arbeiten, rufen Sie ReactDOM auf. Rendern Sie zu einem bestimmten Zeitpunkt und übergeben 19 00:01:04,660 --> 00:01:11,070 Sie die React-App an diese Methode, um tatsächlich etwas auf dem Bildschirm zu rendern. Dies ist die Bibliothek, die sich 20 00:01:11,170 --> 00:01:18,310 mit dem Web auskennt und weiß, wie HTML-Elemente usw. gerendert werden. React selbst ist plattformunabhängig, es ist nur eine 21 00:01:18,310 --> 00:01:21,130 Bibliothek, die gut darin ist, 22 00:01:21,220 --> 00:01:27,850 Bäume aus Komponenten zu erstellen, herauszufinden, ob sich etwas geändert hat, ob etwas neu 23 00:01:28,120 --> 00:01:33,010 gerendert werden muss, den Status zu verwalten, Daten weiterzugeben, dies 24 00:01:33,100 --> 00:01:38,890 jedoch abstrakt Aus diesem Grund können Sie React auf jeder Plattform verwenden. 25 00:01:38,890 --> 00:01:42,490 Sie sind nicht auf den Browser, HTML, das Web 26 00:01:42,610 --> 00:01:50,020 beschränkt, Sie können die Logik verwenden, die React Ihnen überall gibt. Es ist der React DOM-Teil, der dann weiß, wie 27 00:01:50,100 --> 00:01:55,420 man mit HTML arbeitet und so weiter, und das ist sehr wichtig zu verstehen, 28 00:01:55,420 --> 00:02:02,890 weil Das ist wichtig, wenn wir an React Native denken. React Native ist eine separate Bibliothek, die am Ende 29 00:02:02,890 --> 00:02:08,530 eine Sammlung spezieller React-Komponenten enthält. Sie enthält also eine Sammlung von Komponenten, die Sie in 30 00:02:08,560 --> 00:02:15,370 Ihrer React-App verwenden können. Diese Komponenten sind speziell, da React Native tatsächlich weiß, wie man sie übersetzt und wie 31 00:02:15,610 --> 00:02:23,410 Kompilieren Sie diese Komponenten zu nativen Widgets für iOS und Android. React Native ist also wie React DOM. Es kann mit 32 00:02:23,410 --> 00:02:30,490 nativen Plattformen, Android und iOS kommunizieren und native Widgets rendern. Außerdem erhalten Sie eine Reihe dieser Widgets als React-Komponenten, 33 00:02:30,490 --> 00:02:36,820 mit denen Sie eine Benutzeroberfläche erstellen können Diese kompilierbaren Komponenten werden sozusagen verwendet, weil Sie Ihre regulären 34 00:02:36,820 --> 00:02:43,690 Divs und h1- und Absatz-Tags in React Native-Apps nicht verwenden können, da es im nativen Code keine direkten Entsprechungen 35 00:02:43,690 --> 00:02:49,620 dafür gibt, aber ich werde darauf zurückkommen. React Native bietet Ihnen nicht nur diese 36 00:02:49,630 --> 00:02:55,330 Komponenten, sondern ist auch ein bisschen mehr als das. Es bietet Ihnen auch Zugriff auf 37 00:02:55,330 --> 00:02:59,740 einige native Plattform-APIs. So können Sie beispielsweise die Gerätekamera verwenden, also 38 00:02:59,800 --> 00:03:05,680 solche Dinge, allgemeine Aufgaben, die Sie ausführen möchten native Apps und im Allgemeinen bietet React 39 00:03:05,680 --> 00:03:11,560 Native Tools zum Verbinden von Javascript-Code mit nativem Plattformcode, da Sie eine React Native-App normalerweise 40 00:03:11,560 --> 00:03:17,890 erstellen, indem Sie hauptsächlich Javascript-Code schreiben oder je nach der App, die Sie erstellen, vollständig Javascript-Code 41 00:03:17,890 --> 00:03:18,490 schreiben. 42 00:03:18,520 --> 00:03:25,600 Jetzt sage ich meistens, zumindest ist dies eine Möglichkeit, da Sie auch nativen Code für iOS oder Android schreiben können und 43 00:03:25,840 --> 00:03:30,670 React Native Ihnen die Werkzeuge bietet, um Ihren Javascript-Code mit diesem nativen Code 44 00:03:30,670 --> 00:03:36,310 zu verbinden, obwohl dies etwas fortgeschrittener ist und Sie in vielen Apps wird das nie brauchen 45 00:03:36,310 --> 00:03:42,460 und daher bietet React Native Ihnen volle Flexibilität, bietet Ihnen die Möglichkeit, Javascript mit nativem Code zu verbinden, 46 00:03:42,460 --> 00:03:48,090 und bietet Ihnen viele vorgefertigte native Funktionen, die bequem aus Ihrem Javascript-Code heraus verwendet werden können. 47 00:03:48,280 --> 00:03:54,550 Wenn Sie also React Native und die Funktionen, die Sie erhalten, mit React kombinieren. js, das weiß, wie man eine Benutzeroberfläche aktualisiert und wie 48 00:03:54,910 --> 00:04:00,700 man eine Benutzeroberfläche steuert, dann bekommt man alles, was man zum Kompilieren einer echten nativen mobilen App benötigt, 49 00:04:00,700 --> 00:04:06,730 und das gibt Ihnen auch React Native, es gibt Ihnen alles, was Sie brauchen, um dann Ihr Javascript zu 50 00:04:06,730 --> 00:04:12,780 nehmen Code und kompilieren Sie dies zu einer echten nativen mobilen App, die Sie dann an den App Store für 51 00:04:12,780 --> 00:04:16,760 iOS oder an den Google Play Store für Android senden können, sodass Sie 52 00:04:16,870 --> 00:04:19,840 am Ende eine echte native mobile App erhalten.