1 00:00:02,240 --> 00:00:05,200 Nachdem wir nun eine Vorstellung davon haben, was 2 00:00:05,390 --> 00:00:11,330 React Native ist, können wir mit React Native beginnen. Ich würde sagen, beginnen wir mit dem Erstellen unserer ersten 3 00:00:11,330 --> 00:00:15,530 kleinen React Native-App oder indem wir unsere erste React Native-App zum Laufen bringen. 4 00:00:15,620 --> 00:00:20,750 Wir möchten also eine neue React Native-App erstellen, und wie sich herausstellt, haben wir dafür zwei Optionen. 5 00:00:21,750 --> 00:00:27,690 Wenn Sie nach React Native suchen, finden Sie die offizielle Seite. Wenn Sie auf diese 6 00:00:27,690 --> 00:00:31,520 offizielle Seite klicken, haben Sie beim Start zwei Optionen. 7 00:00:31,560 --> 00:00:36,630 Sie haben den Schnellstart der Expo CLI und den Schnellstart der React Native CLI. 8 00:00:36,630 --> 00:00:43,080 Was ist nun der Unterschied und welchen Ansatz sollten Sie verwenden und warum und was werden wir in diesem Kurs verwenden? 9 00:00:44,400 --> 00:00:51,180 Wir können also die Expo-CLI verwenden, das Expo-Tool zum Generieren und Verwalten unserer React Native-App, oder wir 10 00:00:51,180 --> 00:00:52,870 verwenden die React Native-CLI. 11 00:00:53,010 --> 00:00:58,260 Wenn Sie jetzt zuerst diese Wahl haben, würden Sie sich wahrscheinlich für die React Native-CLI entscheiden, weil 12 00:00:58,260 --> 00:01:00,810 Sie doch eine React Native-App erstellen möchten, oder? 13 00:01:00,870 --> 00:01:03,020 Schauen wir uns an, was Expo ist. 14 00:01:03,090 --> 00:01:06,150 Es handelt sich um einen Drittanbieter-Service, dessen Nutzung völlig 15 00:01:06,150 --> 00:01:11,430 kostenlos ist. Sie müssen sich nicht anmelden, um loszulegen, und Sie müssen nicht bezahlen, um eine 16 00:01:11,430 --> 00:01:12,150 App 17 00:01:12,180 --> 00:01:18,580 zu erstellen, die Sie im App Store veröffentlichen können verwenden. Die Messe bietet Ihnen eine Art Workflow für die Entwicklung verwalteter Apps. 18 00:01:18,630 --> 00:01:24,840 Es nimmt Ihnen viel Komplexität ab, da das Erstellen von React Native-Apps sehr komplex sein kann, 19 00:01:24,840 --> 00:01:31,410 insbesondere wenn es darum geht, bestimmte native Gerätefunktionen wie den Zugriff auf die Kamera und die Ausstellung zu 20 00:01:31,410 --> 00:01:33,070 integrieren, was Ihnen dort 21 00:01:33,090 --> 00:01:37,920 einfach viel Komfort bietet Native Apps sind ein Kinderspiel und viel einfacher. 22 00:01:37,920 --> 00:01:44,820 Der Nachteil ist, dass Sie sich auf das Expo-Ökosystem beschränken, da die Expo am Ende wie ein Wrapper ist, den Sie 23 00:01:44,820 --> 00:01:52,110 um Ihre App herum sagen können, eine dünne zusätzliche Schicht zwischen Ihrer App und der nativen Erfahrung von Raw React Native, und 24 00:01:52,680 --> 00:01:57,810 Sie immer noch eine native App erhalten Am Ende und wenn Sie React Native immer 25 00:01:57,810 --> 00:02:04,530 noch unter der Haube verwenden, passiert alles, aber die Ausstellung abstrahiert einen Teil der Komplexität, was natürlich auch bedeutet, dass 26 00:02:04,530 --> 00:02:11,450 ein Teil der feinkörnigen Kontrolle entfernt wird, die Sie normalerweise haben würden, wenn Sie eine rohe React Native-App erstellen würden, denn 27 00:02:11,450 --> 00:02:17,390 wenn Wir sehen uns diesen anderen Workflow an, die React Native CLI, die letztendlich vom React Native-Team 28 00:02:17,420 --> 00:02:19,580 oder Teilen der React Native-Community verwaltet 29 00:02:19,640 --> 00:02:25,670 wird. Dort haben Sie ein Barebone-Entwicklungssetup, was bedeutet, dass Sie eine native App erhalten, die Sie benötigen Um 30 00:02:25,700 --> 00:02:32,420 Android Studio zu installieren, müssen Sie Xcode installieren, um diese App zu erstellen, und Sie müssen viel selbst konfigurieren und 31 00:02:32,420 --> 00:02:33,190 verwalten. 32 00:02:33,290 --> 00:02:38,990 Sobald Sie bestimmte native Gerätefunktionen hinzufügen, z. B. sobald Sie die Gerätekamera 33 00:02:38,990 --> 00:02:44,540 verwenden möchten, müssen Sie Pakete von Drittanbietern einbringen, bei denen der 34 00:02:44,540 --> 00:02:47,600 Einrichtungsprozess sehr komplex sein kann umständlicher. 35 00:02:47,600 --> 00:02:53,570 Sie haben so gut wie keine Komfort- oder Dienstprogrammfunktionen, die Sie nutzen können, aber der Vorteil wäre natürlich, 36 00:02:53,570 --> 00:03:00,050 dass Sie die volle Kontrolle haben, jedes kleine Stück kontrollieren können, einfach Ihren eigenen nativen Android- und iOS-Code schreiben 37 00:03:00,080 --> 00:03:03,210 und diesen mit Ihrem Javascript verbinden können Code, das 38 00:03:03,230 --> 00:03:05,390 ist mit expo nicht wirklich möglich. 39 00:03:05,600 --> 00:03:10,340 Wenn Sie also ein hochentwickelter Entwickler sind und bereits wissen, dass Sie eine sehr 40 00:03:10,370 --> 00:03:17,270 komplexe App erstellen, in der Sie viele manuelle Problemumgehungen und viele feinkörnige Konfigurationen durchführen müssen, dann möchten Sie auf jeden Fall 41 00:03:17,360 --> 00:03:20,150 die volle Erfahrung auf der rechten Seite . 42 00:03:20,240 --> 00:03:25,820 Wenn Sie gerade anfangen oder eine normale App erstellen, bietet Ihnen die Expo-CLI höchstwahrscheinlich alles, was 43 00:03:25,820 --> 00:03:27,020 Sie benötigen. Sie 44 00:03:27,050 --> 00:03:32,060 bietet Wrapper für die gängigsten nativen Gerätefunktionen, die Sie benötigen, z. B. die Verwendung 45 00:03:32,060 --> 00:03:32,870 der Kamera 46 00:03:32,870 --> 00:03:35,330 oder die Verwendung von Karten Das ist 47 00:03:35,330 --> 00:03:42,740 alles super einfach gemacht und wenn Sie jemals zu einem Punkt kommen, an dem Sie herausfinden, dass ich mehr Kontrolle brauche, 48 00:03:42,800 --> 00:03:45,620 können Sie jederzeit auch vom Expo-Workflow zum nativen 49 00:03:45,620 --> 00:03:52,160 Workflow wechseln, auswerfen und haben dann die volle Flexibilität. Daher spricht nichts gegen den Einstieg in die Ausstellung. Sie können 50 00:03:52,160 --> 00:03:56,840 jederzeit zu einer anderen Erfahrung wechseln, wenn Sie dies benötigen. In diesem Kurs verwenden wir die Ausstellung, 51 00:03:56,840 --> 00:04:02,030 weil sie einfacher ist, weil sie Ihnen alles bietet, was Sie für die meisten Apps benötigen, weil sie so 52 00:04:02,030 --> 00:04:05,370 viel ist bequemer damit zu arbeiten und weil man immer wechseln kann. 53 00:04:05,510 --> 00:04:11,750 Jetzt später im Kurs werde ich Ihnen auch eine Einführung in den Workflow ohne Barebon geben und was dies für Sie bedeuten würde, aber für 54 00:04:11,840 --> 00:04:17,850 den größten Teil des Kurses werden wir mit der Ausstellung arbeiten. Hinter den Kulissen funktioniert dieses Expo-Tool so, 55 00:04:17,850 --> 00:04:24,390 dass Sie Ihr natives Gerät oder Ihren Simulator haben, also Ihr iPhone oder Ihr Android-Telefon und Ihre 56 00:04:24,390 --> 00:04:27,740 App, Ihre React Native-App, die Sie schreiben werden, also 57 00:04:27,750 --> 00:04:28,700 Ihren Javascript-Code, 58 00:04:28,710 --> 00:04:35,310 in den Sie Ihren schreiben Native App reagieren. Jetzt installieren Sie auf Ihrem nativen Gerät oder 59 00:04:35,550 --> 00:04:42,030 im Simulator eine zusätzliche App aus dem App Store, der Expo-Client-App, und wir werden dies in der 60 00:04:42,030 --> 00:04:43,830 nächsten Vorlesung gemeinsam tun. 61 00:04:43,830 --> 00:04:50,340 Jetzt kann Ihre App in die Client-App geladen werden, die dieser zusätzliche Wrapper ist, um sie dort zu sehen, dort auszuführen, 62 00:04:50,340 --> 00:04:51,500 dort zu testen, 63 00:04:51,510 --> 00:04:54,180 und das ist natürlich großartig für die Entwicklung. 64 00:04:54,180 --> 00:05:02,070 Sie können Ihre App auch als Expo-App veröffentlichen, damit andere Personen, auf denen der Expo-Client installiert ist, Ihre App problemlos ausführen können. Sie müssen sie 65 00:05:02,130 --> 00:05:03,500 nicht einmal im 66 00:05:03,510 --> 00:05:07,550 Google Play Store oder im Apple App Store installieren, aber normalerweise möchten 67 00:05:07,740 --> 00:05:12,870 Sie dies natürlich Um eine App zu erstellen, die Sie in diesen App Stores veröffentlichen können, 68 00:05:12,990 --> 00:05:14,880 ist dies auch mit expo möglich. 69 00:05:15,120 --> 00:05:20,190 Die zusätzliche Client-App, die Sie haben und die Ihre App umschließt, eignet sich hervorragend für 70 00:05:20,190 --> 00:05:21,800 die Entwicklung, da sie 71 00:05:22,080 --> 00:05:28,350 den gesamten Entwicklungsworkflow beschleunigt. Wenn Sie jedoch eine eigenständige App möchten, ist dies eine App, die sich nicht 72 00:05:28,350 --> 00:05:36,260 auf den Expo-Client verlässt, der das meiste Ihres Potenzials ausmacht Benutzer haben wahrscheinlich nicht installiert, dann können Sie mit expo auch eigenständige Apps erstellen 73 00:05:36,330 --> 00:05:43,350 und veröffentlichen, sodass Apps, die nicht vom installierten expo-Client abhängen. Daher können Sie mit expo normalerweise Apps erstellen, die 74 00:05:43,350 --> 00:05:49,950 eigenständig an die normalen App Stores verteilt werden, in denen Ihre Benutzer keine spezielle App installieren müssen, 75 00:05:49,950 --> 00:05:55,390 aber Sie haben den zusätzlichen Komfort während der Entwicklung, der großartig ist und wie 76 00:05:55,440 --> 00:06:02,040 ich bereits erwähnt habe, wenn Sie möchten Sie müssen jederzeit wechseln oder auswerfen, da dies auch für 77 00:06:02,040 --> 00:06:04,020 den Nicht-Expo-Entwicklungsablauf erforderlich ist.