1 00:00:02,180 --> 00:00:06,790 Sie haben also gelernt, wie Sie mit React Native CLI React Native-Projekte erstellen können. 2 00:00:12,260 --> 00:00:19,880 Dies sind Projekte, die keine Verbindung zur Messe haben und daher vollständig von Ihnen und verwaltet werden Hier können Sie also jedes Paket eines Drittanbieters hinzufügen, einschließlich 3 00:00:19,940 --> 00:00:21,710 einiger Expo-Pakete, die auch außerhalb 4 00:00:22,160 --> 00:00:23,980 des verwalteten Workflows verfügbar sind. Sie 5 00:00:24,020 --> 00:00:28,850 müssen jedoch alles selbst konfigurieren. Dies kann je nach verwendetem Paket einfach sein kann auch schwieriger sein. 6 00:00:28,850 --> 00:00:34,150 Jetzt gibt es eine Art Mittelweg zwischen dem von der Messe verwalteten Workflow und 7 00:00:34,160 --> 00:00:40,120 dem reinen. Sie müssen alles selbst erledigen, den Workflow, und das ist der bloße Workflow der Messe. 8 00:00:40,130 --> 00:00:42,820 Was ist nun der bloße Workflow hier? 9 00:00:42,980 --> 00:00:49,880 Der bloße Workflow enthält eine React Native-App, wie Sie sie mit der React Native-CLI erstellt haben, also keine 10 00:00:49,890 --> 00:00:58,040 verwaltete App mit expo als Wrapper, sondern eine native App, die jedoch bereits vorkonfiguriert ist, um viele der Expo-Pakete zu unterstützen, 11 00:00:58,310 --> 00:01:01,470 aber nicht alle, aber Das Expo-Team arbeitet 12 00:01:01,490 --> 00:01:06,770 daran, mehr und mehr außerhalb des verwalteten Workflows verfügbar zu machen. Viele davon 13 00:01:07,190 --> 00:01:12,560 sind jedoch bereits enthalten. Auf der Seite mit den unterstützten APIs können Sie sich 14 00:01:12,560 --> 00:01:17,230 ein Bild davon machen, welche Funktionen Sie auch im Bare-Workflow verwenden können. 15 00:01:17,240 --> 00:01:23,150 Die Idee hinter dem nackten Workflow ist, dass Sie über diese native Entwicklungserfahrung verfügen, bei 16 00:01:23,150 --> 00:01:30,140 der Sie Android Studio und Xcode verwenden müssen, sodass Ihnen die Expo-CLI und der Expo-Client nicht helfen. Sie müssen 17 00:01:30,140 --> 00:01:33,610 dies also manuell mit dem tun Mithilfe der React 18 00:01:34,040 --> 00:01:38,420 Native-CLI, aber wo das Hinzufügen nativer Funktionen einfacher ist. Wenn Sie 19 00:01:38,450 --> 00:01:44,390 also möglicherweise weniger Konfiguration vornehmen müssen, können Sie diese leistungsstarken nativen Pakete verwenden, die Ihnen von 20 00:01:44,420 --> 00:01:50,700 expo angeboten werden, wo Sie all dies verwenden können, ohne die Einschränkungen zu haben, die Ihnen expo 21 00:01:50,750 --> 00:01:56,480 bietet Ich möchte jedoch Einschränkungen in Anführungszeichen setzen, da der verwaltete Workflow tatsächlich nicht so 22 00:01:56,480 --> 00:01:57,900 viele Einschränkungen enthält. 23 00:01:58,100 --> 00:02:03,530 Lassen Sie mich Ihnen zeigen, wie Sie mit diesem nackten Workflow beginnen können, und natürlich können Sie auch 24 00:02:03,530 --> 00:02:06,250 die offiziellen Dokumente überprüfen. Hier muss 25 00:02:06,290 --> 00:02:11,750 die Expo-CLI installiert sein, und wir haben sie zu Beginn des Kurses installiert, 26 00:02:11,750 --> 00:02:13,830 um unser verwaltetes Projekt zu 27 00:02:14,030 --> 00:02:20,810 erstellen. Außerdem muss die React Native-CLI installiert sein. Darüber hinaus und das ist auch wichtig, sollten Sie 28 00:02:20,900 --> 00:02:26,660 im Allgemeinen das Setup haben, das hier in den React Native-Dokumenten unter React Native CLI-Schnellstart beschrieben 29 00:02:26,660 --> 00:02:32,780 ist. Stellen Sie daher sicher, dass Sie Ihr System wie hier beschrieben für die verschiedenen Plattformen und 30 00:02:32,780 --> 00:02:38,300 die verschiedenen Betriebssysteme einrichten, die Sie verwenden Stellen Sie sicher, dass Sie Android Studio und Xcode 31 00:02:38,300 --> 00:02:43,700 und alle Abhängigkeiten, die Sie hier finden, installieren, da Sie diesen Workflow verwenden. Sie erhalten 32 00:02:43,700 --> 00:02:52,720 nur ein bisschen mehr als dieses leere Projekt, das Sie hier haben. Sobald Sie alles installiert haben, können Sie mit diesem 33 00:02:52,960 --> 00:03:01,850 Befehl oder im Allgemeinen ein neues nacktes Workflow-Paket erstellen, indem Sie expo init und dann einen beliebigen 34 00:03:01,850 --> 00:03:11,390 Projektnamen Ihrer Wahl wie RNWithExpoBare ausführen und sicherstellen, dass Sie diesen Befehl in einem Pfad ausführen wo Sie diesen 35 00:03:11,390 --> 00:03:13,640 Projektordner erstellen möchten. 36 00:03:13,880 --> 00:03:20,600 Wenn Sie dies jetzt ausführen, wird ein neues Ausstellungsprojekt erstellt. Dies ist auch die Eingabeaufforderung, die wir 37 00:03:20,600 --> 00:03:22,110 zu Beginn des 38 00:03:22,250 --> 00:03:24,090 Kurses gesehen haben. Dort 39 00:03:24,260 --> 00:03:28,670 habe ich leer gewählt. Bitte beachten Sie, dass dies natürlich Teil 40 00:03:28,670 --> 00:03:30,500 des verwalteten Workflows war, 41 00:03:30,620 --> 00:03:36,500 den ich ausgewählt habe Zu Beginn des Kurses können wir nun den nackten Workflow auswählen, 42 00:03:36,500 --> 00:03:42,980 indem wir hier zur bloßen Mindestauswahl gehen und die Eingabetaste drücken. Dadurch wird jetzt ein neues Projekt 43 00:03:42,980 --> 00:03:49,310 erstellt und wir können hier einen Namen für die App eingeben, auf der angezeigt wird der 44 00:03:49,630 --> 00:03:51,870 Startbildschirm, RNBare und hier auch RNBare. 45 00:03:51,900 --> 00:03:55,260 Wählen Sie das hier, drücken Sie die Eingabetaste und jetzt wird ein neues 46 00:03:55,260 --> 00:03:57,920 Projekt erstellt. Ich möchte kein Garn verwenden, sondern stattdessen npm. 47 00:03:58,050 --> 00:04:01,090 Dadurch wird ein neues Projekt erstellt, ein neues 48 00:04:01,170 --> 00:04:09,480 React Native-Projekt, ähnlich wie es React Native init tun würde. Wenn Sie also nur die React Native-CLI verwenden, diese jedoch so vorkonfiguriert ist, dass Sie 49 00:04:09,870 --> 00:04:16,930 bereits viele dieser unterstützten oder alle dieser unterstützten APIs verwenden können. Das Projekt-Setup, das wir hier erhalten, könnte 50 00:04:17,500 --> 00:04:23,170 auch mit dieser von React Native erstellten CLI-Einrichtung erreicht werden, bei der 51 00:04:23,280 --> 00:04:28,660 ich die Expo-CLI überhaupt nicht verwendet habe, da die Magie mithilfe 52 00:04:28,900 --> 00:04:31,710 dieser React Native-Unimodule hier geschieht. 53 00:04:31,870 --> 00:04:38,440 Dies ist letztendlich ein Paket, das vom Expo-Team bereitgestellt wird und das Ihnen hilft, die nativen 54 00:04:38,440 --> 00:04:44,680 Gerätefunktionen zu nutzen, die Sie im verwalteten Workflow auch außerhalb des verwalteten Workflows erhalten können. 55 00:04:44,680 --> 00:04:50,230 Wenn Sie nun die Github-Seite der React Native-Unimodule besuchen und einfach nach diesem 56 00:04:50,230 --> 00:04:58,140 Namen suchen können, um ihn zu finden, finden Sie auch Anweisungen zum Hinzufügen dieses Namens zu einer vorhandenen React Native-App. 57 00:04:58,190 --> 00:05:03,620 Hier finden Sie Anweisungen, wie Sie diese und die gesamte hier beschriebene Konfiguration konfigurieren müssen, also all 58 00:05:03,620 --> 00:05:09,170 diese Dinge hier richtig, was Sie tun müssen, wenn Sie dieses Paket und damit die nativen Funktionen 59 00:05:09,170 --> 00:05:13,450 der Ausstellung in einem normalen React Native verwenden möchten Bei einer Nicht-Expo-App müssten 60 00:05:13,610 --> 00:05:17,880 Sie sie manuell für ein solches Projekt ausführen, das mit der React 61 00:05:18,160 --> 00:05:20,050 Native-CLI erstellt wurde. Genau das leistet 62 00:05:20,060 --> 00:05:26,930 Expo Init mit diesem nackten Workflow für uns. Es gibt uns ein solches React Native-Projekt, als hätten wir es erstellt es 63 00:05:26,930 --> 00:05:32,720 mit der React Native CLI und es konfiguriert es nach all diesen Schritten vorkonfiguriert, so dass wir das 64 00:05:32,750 --> 00:05:34,480 dann nicht tun müssen. 65 00:05:34,640 --> 00:05:37,580 Das können wir natürlich nutzen. Lassen 66 00:05:37,580 --> 00:05:40,460 Sie mich dieses Projekt öffnen. 67 00:05:40,510 --> 00:05:46,660 Dies ist jetzt das RNWithExpoBare-Projekt, das ich gerade erstellt habe. Dort finden Sie einige 68 00:05:46,690 --> 00:05:49,660 Ähnlichkeiten mit dem React Native-Projekt, das wir 69 00:05:49,690 --> 00:05:57,400 mit der CLI erstellt haben gleiche Konfigurationsdateien, gleiche Start-App. js content, jetzt hat expo tatsächlich eine ältere Version von 70 00:05:57,400 --> 00:06:01,990 React Native verwendet, um dies zu erstellen, weshalb dies ein bisschen anders 71 00:06:01,990 --> 00:06:05,170 aussieht, aber am Ende erhalten Sie das gleiche 72 00:06:05,160 --> 00:06:11,230 Setup wie mit der React Native CLI, aber wie ich mit der erwähnt habe Android- und iOS-Ordner 73 00:06:11,560 --> 00:06:15,440 mit diesen Android- und iOS-Projekten, die wie auf der Unimodules-Seite beschrieben 74 00:06:15,730 --> 00:06:24,010 vorkonfiguriert sind, damit Sie dies nicht tun müssen. Mit dieser Vorkonfiguration können Sie jetzt problemlos Pakete von Drittanbietern hinzufügen. Sie können jedes Paket 75 00:06:24,010 --> 00:06:26,030 von Drittanbietern hinzufügen Sie können 76 00:06:26,050 --> 00:06:29,260 jetzt beispielsweise auch wieder die React Native-Bildauswahl verwenden. Was 77 00:06:29,260 --> 00:06:34,030 wir also zuvor hinzugefügt haben, was wir einer verwalteten Workflow-App nicht hinzufügen konnten, 78 00:06:34,030 --> 00:06:40,330 dieses Paket hier, können Sie ganz einfach einer nackten Workflow-App hinzufügen, da dies der Fall ist Nur 79 00:06:40,360 --> 00:06:47,770 eine React Native-App ohne Expo. Sie können diese also hinzufügen. Im Gegensatz zu einer normalen React Native-App ohne Expo können 80 00:06:47,770 --> 00:06:54,220 Sie jetzt auch eine der hier aufgeführten Expo-APIs mitbringen, z. B. das Expo-Standortpaket, das wir zuvor verwendet haben 81 00:06:54,220 --> 00:06:55,320 der Kurs. 82 00:06:55,420 --> 00:07:01,600 Sie können dies jetzt einfach installieren, indem Sie den Installationsanweisungen folgen, mit denen Sie hier für den nackten 83 00:07:01,600 --> 00:07:05,950 Workflow verlinkt sind. Dann müssten Sie die Installationsanweisungen befolgen, die Sie hier auf 84 00:07:05,950 --> 00:07:12,340 dem Expo-Standortpaket finden. Dort erfahren Sie, dass Sie es damit installieren können Befehl, dann führen Sie die Portinstallation im 85 00:07:12,340 --> 00:07:16,240 iOS-Verzeichnis aus, und es ist kein zusätzliches Setup für Android erforderlich. 86 00:07:16,290 --> 00:07:22,360 So fair, nicht zu schwierig, und deshalb könnte man vielleicht sagen, dass Sie das Beste aus beiden Welten 87 00:07:22,570 --> 00:07:30,060 bekommen. Sie haben eine native App mit React Native CLI und können trotzdem einige Expo-Funktionen nutzen. Beachten Sie jedoch natürlich, dass Sie 88 00:07:30,070 --> 00:07:36,370 dies tun, wenn Sie dies ausführen App, wenn Sie dies natürlich mit reaktionsnativen Run-Android tun und dies erfordert Android 89 00:07:36,370 --> 00:07:42,900 Studio, es baut es lokal auf Ihrem System, Sie brauchen daher etwas länger, Sie müssen alles auf Ihrem System 90 00:07:42,930 --> 00:07:48,130 einrichten und für Wenn Sie die App usw. bereitstellen, müssen Sie sie auch hier auf 91 00:07:48,130 --> 00:07:55,360 Ihrem lokalen Computer verwalten, damit Sie keine praktischen Funktionen erhalten, die Ihnen die Ausstellung im verwalteten Workflow bietet, in dem das 92 00:07:55,390 --> 00:08:00,370 Erstellen und Testen sehr schnell ist und Sie es schnell auf einem Computer testen 93 00:08:00,370 --> 00:08:02,760 können echtes Gerät und so weiter, all 94 00:08:02,860 --> 00:08:04,560 das fehlt auch hier. 95 00:08:04,690 --> 00:08:10,450 Sie haben ein React Native-Projekt ohne Expo, aber die Verwendung bestimmter Expo-APIs ist einfacher. Dies 96 00:08:10,450 --> 00:08:17,580 ist die Idee hinter dem nackten Workflow. Da die Expo viele erstaunliche APIs enthält, ist dies natürlich ein guter 97 00:08:17,580 --> 00:08:25,050 Grund, sie zu verwenden, da diese APIs und diese Pakete auch verwendet werden Dies wird garantiert fortgesetzt und gewartet, was 98 00:08:25,050 --> 00:08:26,340 nicht unbedingt bei 99 00:08:26,400 --> 00:08:30,660 allen anderen Paketen von Drittanbietern der Fall ist, die Sie möglicherweise 100 00:08:30,660 --> 00:08:32,700 zu Ihren React Native-Apps hinzufügen.