1 00:00:02,410 --> 00:00:05,770 Man könnte sagen, es gibt drei Möglichkeiten, eine React Native-App 2 00:00:05,770 --> 00:00:09,420 zu erstellen - eine mit Expo mit dem sogenannten verwalteten Workflow. 3 00:00:09,430 --> 00:00:14,920 Dies ist der Ansatz, den wir im Kurs verwendet haben, und dies ist eine gestrichelte Linie, da 4 00:00:14,920 --> 00:00:20,290 dies nicht wirklich der Fall ist Als Alternative zum Erstellen einer Nicht-Expo-App wird die Expo natürlich 5 00:00:20,440 --> 00:00:21,440 stark berücksichtigt. 6 00:00:21,450 --> 00:00:27,190 Dies ist der Ansatz, den wir im Kurs verwenden. Es ist einfach zu bedienen, hat so gut wie keine Einrichtung, es 7 00:00:27,190 --> 00:00:33,250 funktioniert sofort, Sie können die App einfach auf einem realen Gerät testen, Sie haben viele native Module eingebaut, die super einfach zu installieren und zu verwenden sind. 8 00:00:33,730 --> 00:00:39,610 Es wird über die Expo-CLI gesteuert. Geben Sie einfach npm start oder expo start ein, Sie haben die Expo-Entwicklungstools im 9 00:00:39,610 --> 00:00:46,710 Browser, es ist einfach auf Simulatoren und realen Geräten auszuführen und Sie können immer noch eine eigenständige App erhalten, die Sie bereitstellen können. was, wie 10 00:00:46,720 --> 00:00:53,080 ich erklärt habe, den expo client sozusagen als wrapper enthält. Da Sie es auch problemlos auf realen 11 00:00:53,080 --> 00:00:58,510 Geräten testen können, müssen Sie technisch gesehen nicht einmal Android Studio oder Xcode 12 00:00:58,600 --> 00:01:05,530 installieren, um eine App mit expo zu erstellen. Ich habe es installiert und Sie angewiesen, es auch für diesen Kurs 13 00:01:05,630 --> 00:01:11,320 zu installieren, damit wir Simulatoren starten und dort testen können, weil ich es nicht ständig auf einem realen Gerät testen 14 00:01:11,320 --> 00:01:16,990 und diesen Bildschirm aufzeichnen wollte, aber Sie tun es nicht. Um dies nicht zu tun, können Sie es auf einem 15 00:01:16,990 --> 00:01:20,360 realen Gerät testen, auf dem nur die Expo-Client-App installiert ist. Das 16 00:01:20,410 --> 00:01:23,120 können Sie also tun. Dies ist der 17 00:01:23,200 --> 00:01:28,810 Ansatz, den wir verwendet haben, aber natürlich ist dies dann eine expo-schwere App, eine App, die 18 00:01:28,840 --> 00:01:33,590 sich vollständig im Expo-Ökosystem befindet und alle von mir beschriebenen Einschränkungen oder Nachteile aufweist. 19 00:01:33,640 --> 00:01:39,610 Eine Alternative dazu ist, dass Sie immer noch expo verwenden, aber den sogenannten nackten Workflow, oder 20 00:01:39,610 --> 00:01:44,380 dass Sie mit der React Native-CLI eine React Native-App ohne expo erstellen. 21 00:01:44,610 --> 00:01:51,720 Jetzt kann der Expo Bare Workflow entweder von Grund auf neu erstellt oder aus dem verwalteten Workflow ausgeworfen werden. Das 22 00:01:51,720 --> 00:01:55,080 werde ich Ihnen auch in diesem Modul zeigen. 23 00:01:55,110 --> 00:02:01,530 Wenn Sie jetzt eine App mit dem nackten Workflow erstellen, erhalten Sie eine Nicht-Expo-App. Sie erstellen eine native App, wie Sie 24 00:02:01,530 --> 00:02:03,490 sie mit der React Native-CLI erstellen 25 00:02:03,520 --> 00:02:05,950 würden, sodass Sie dort dieselbe Basis erhalten. Der 26 00:02:05,970 --> 00:02:13,920 Unterschied besteht darin, dass Sie dies immer noch können Verwenden Sie spezielle Ausstellungspakete. Die Installation ist etwas komplexer als im 27 00:02:13,920 --> 00:02:20,040 verwalteten Workflow. Sie müssen mehr manuelle Verkabelungsarbeiten durchführen, zumindest für einige Pakete, aber viele, 28 00:02:20,040 --> 00:02:27,330 nicht alle, aber viele der Expo-Pakete, die im verwalteten Workflow enthalten sind sind als eigenständige Pakete 29 00:02:27,420 --> 00:02:32,560 verfügbar, die Sie auch in jede React Native-App einbinden können. Das 30 00:02:32,640 --> 00:02:38,480 Expo-Team arbeitet daran, immer mehr Pakete außerhalb des verwalteten Workflows verfügbar zu machen. 31 00:02:38,970 --> 00:02:45,450 Sie können das also mitbringen und mit dem nackten Workflow ist es relativ einfach, diese Pakete hinzuzufügen, nicht so einfach und 32 00:02:45,450 --> 00:02:50,870 schnell wie im Verwaltungsworkflow, aber dennoch sehr einfach. Wenn Sie eine App ohne Expo mit der React Native 33 00:02:50,890 --> 00:02:51,900 CLI erstellen, können 34 00:02:51,930 --> 00:02:58,420 Sie diese Pakete weiterhin mitbringen, es ist jedoch eine weitere manuelle Einrichtung erforderlich. Wie gesagt, es ist relativ einfach, im nackten 35 00:02:58,420 --> 00:03:01,660 Workflow zu konfigurieren und zu verwalten. Sie müssen 36 00:03:01,660 --> 00:03:04,610 mehr im React Native CLI-Workflow verwalten, 37 00:03:04,630 --> 00:03:12,790 damit Sie wirklich alles ohne Unterstützung durch expo erstellen können. In Bezug auf die von Ihnen verwendeten nativen Module können Sie 38 00:03:13,480 --> 00:03:19,540 jedes gewünschte native Modul verwenden, auch Nicht-Expo-Module. Sie können diese speziellen Expo-Pakete mitbringen, die Sie manuell 39 00:03:19,540 --> 00:03:23,620 verkabeln müssen, aber Sie können jedes andere native Modul mitbringen. 40 00:03:23,620 --> 00:03:28,480 Wenn wir nun die App erstellen und verteilen, sehen Sie mit dem verwalteten Workflow, 41 00:03:28,480 --> 00:03:35,650 den Sie im Bereitstellungsmodul sehen, das sehr einfach zu erledigen ist. Mit dem nackten Workflow ist es in Anführungszeichen etwas "schwieriger", es 42 00:03:35,650 --> 00:03:42,700 erfordert mehr Arbeit mit Android Studio und Xcode und es ist nicht so einfach wie mit dem von der Messe verwalteten Workflow, 43 00:03:42,940 --> 00:03:48,670 Sie auch und das ist eine wichtige Einschränkung, Sie werden nicht in der Lage sein, iOS-Apps unter Windows 44 00:03:48,670 --> 00:03:49,520 zu erstellen. 45 00:03:49,660 --> 00:03:54,910 Dies ist im verwalteten Workflow möglich, da der Build dort nicht auf Ihrem Computer ausgeführt wird, 46 00:03:54,910 --> 00:04:00,160 sondern in der Cloud, mit dem nackten Workflow und mit der React Native CLI, Sie für 47 00:04:00,160 --> 00:04:05,260 die Erstellung der Apps verantwortlich sind und dies daher lokal tun müssen Auf Ihrem Computer 48 00:04:05,260 --> 00:04:10,320 und daher aufgrund der Einschränkungen von Apple können Sie keine iOS-App unter Windows oder Linux 49 00:04:10,330 --> 00:04:12,630 erstellen. Beachten Sie dies auch dort. 50 00:04:12,670 --> 00:04:14,820 Sie machen dort also alles selbst, also 51 00:04:14,950 --> 00:04:20,320 müssen diese Tools installiert sein, und obwohl Sie sie nicht zum Schreiben von Code verwenden, müssen Sie ein wenig darin herumfummeln 52 00:04:20,320 --> 00:04:27,360 und sie verwenden, um dann Ihre App zu erstellen und bereitzustellen es am Ende. Dies sind die 53 00:04:27,360 --> 00:04:29,830 Alternativen. Jetzt für die Bereitstellung 54 00:04:29,830 --> 00:04:35,050 habe ich ein separates Modul, in dem ich mir anschaue, wie das mit dem verwalteten Workflow und auch ohne 55 00:04:35,050 --> 00:04:36,700 den verwalteten Workflow funktioniert. Darauf werde 56 00:04:36,820 --> 00:04:39,820 ich mich in diesem Modul nicht konzentrieren, sondern in diesem Modul, 57 00:04:39,820 --> 00:04:45,130 das ich möchte um Ihnen zu zeigen, wie Sie eine App mit der React Native CLI erstellen, wie Sie 58 00:04:45,140 --> 00:04:50,350 sie auch mit expo im nackten Workflow erstellen und wie Sie vom verwalteten Workflow in den nackten Workflow 59 00:04:50,350 --> 00:04:51,280 aussteigen können. 60 00:04:51,280 --> 00:04:56,560 Wir werden uns auch ansehen, wie Sie diesen beiden Alternativen einige native Gerätefunktionen hinzufügen können, da dies 61 00:04:56,590 --> 00:05:00,390 der Teil ist, in dem sie sich hauptsächlich vom verwalteten Workflow unterscheiden. 62 00:05:00,540 --> 00:05:05,130 Die Art und Weise, wie Sie Ihre Komponenten usw. schreiben und welche Komponenten Sie von React Native verwenden, unterscheidet 63 00:05:05,130 --> 00:05:10,710 sich überhaupt nicht, da darin nichts Spezielles über expo war. Mit anderen Worten, wenn wir uns 64 00:05:10,710 --> 00:05:14,370 das Projekt ansehen, an dem wir zu Beginn des Kurses 65 00:05:14,370 --> 00:05:20,100 gearbeitet haben, dieses native Modulprojekt. Wenn Sie den verwalteten Workflow nicht verwenden, verlieren Sie im 66 00:05:20,460 --> 00:05:24,960 Wesentlichen alle expo-bezogenen Importe, alles, was Sie tun Ich importiere von der 67 00:05:25,080 --> 00:05:31,290 Messe, das ist im Grunde etwas, was jetzt schwieriger ist oder was Sie jetzt anders machen müssen. 68 00:05:31,290 --> 00:05:36,540 Wenn Sie expo nicht wie in dieser Datei verwenden, muss sich eine solche Datei überhaupt nicht ändern. 69 00:05:36,540 --> 00:05:42,120 Nur Dateien, in denen Sie etwas von expo verwenden, müssen angepasst oder anders implementiert werden, wenn Sie den 70 00:05:42,240 --> 00:05:48,190 verwalteten Workflow nicht verwenden oder verwenden Genauer gesagt, Sie können bestimmte Pakete möglicherweise nicht mehr verwenden oder Sie können 71 00:05:48,270 --> 00:05:52,810 sie weiterhin verwenden, und Sie müssen wahrscheinlich nicht einmal Ihren Code berühren, aber um sie 72 00:05:52,920 --> 00:05:58,020 zu verwenden, müssen Sie mehr manuelle Einrichtungsarbeiten durchführen als nötig Machen Sie mit Expo und dem 73 00:05:58,020 --> 00:05:58,910 verwalteten Workflow.