1 00:00:02,180 --> 00:00:06,790 Nauczyłeś się więc, jak używać React Native CLI do tworzenia projektów React Native. 2 00:00:12,260 --> 00:00:19,880 Są to projekty, które nie mają związku z wystawą i dlatego są całkowicie zarządzane przez Ciebie i gdzie można zatem dodać dowolny pakiet innej firmy, w tym niektóre 3 00:00:19,940 --> 00:00:21,710 pakiety expo, które są również 4 00:00:22,160 --> 00:00:23,980 dostępne poza zarządzanym przepływem pracy, ale trzeba 5 00:00:24,020 --> 00:00:28,850 wszystko skonfigurować samodzielnie, co może być łatwe w zależności od używanego pakietu, ale to również może być trudniejsze. 6 00:00:28,850 --> 00:00:34,150 Teraz istnieje pewien pośredni sposób między przepływem pracy zarządzanym przez expo a 7 00:00:34,160 --> 00:00:40,120 czystym, musisz zrobić wszystko sam, przepływem pracy i taki jest przepływ pracy bez expo. 8 00:00:40,130 --> 00:00:42,820 A teraz, jaki jest tutaj podstawowy przepływ pracy? 9 00:00:42,980 --> 00:00:49,880 Nieprzetworzony przepływ pracy obejmuje aplikację React Native, taką jak utworzona za pomocą interfejsu React Native CLI, więc nie 10 00:00:49,890 --> 00:00:58,040 jest to aplikacja zarządzana z expo jako opakowaniem, ale aplikacja natywna, która jednak jest już wstępnie skonfigurowana do obsługi wielu pakietów 11 00:00:58,310 --> 00:01:01,470 expo, nie wszystkie oprócz zespół ds. expo 12 00:01:01,490 --> 00:01:06,770 pracuje nad udostępnieniem coraz większej liczby elementów poza zarządzanym przepływem pracy, ale wiele 13 00:01:07,190 --> 00:01:12,560 z nich jest już uwzględnionych, a tutaj możesz sprawdzić stronę obsługiwanych interfejsów API, aby 14 00:01:12,560 --> 00:01:17,230 dowiedzieć się, z których funkcji można korzystać również w zwykłym przepływie pracy. 15 00:01:17,240 --> 00:01:23,150 Podstawowym założeniem jest to, że masz do czynienia z surowym rodzimym środowiskiem programistycznym, w 16 00:01:23,150 --> 00:01:30,140 którym musisz używać Androida Studio i Xcode, więc nie masz pomocy w interfejsie CLO expo i kliencie 17 00:01:30,140 --> 00:01:33,610 expo, więc musisz to zrobić ręcznie za pomocą 18 00:01:34,040 --> 00:01:38,420 pomoc w React Native CLI, ale tam gdzie dodawanie funkcjonalności 19 00:01:38,450 --> 00:01:44,390 natywnej jest łatwiejsze, więc tam gdzie trzeba zrobić mniej konfiguracji, gdzie można użyć tych potężnych 20 00:01:44,420 --> 00:01:50,700 pakietów natywnych, które expo oferuje ci, gdzie możesz korzystać z tego wszystkiego bez ograniczeń , chociaż 21 00:01:50,750 --> 00:01:56,480 chcę wprowadzić ograniczenia w cudzysłowie, ponieważ tak naprawdę nie ma tak wielu ograniczeń w 22 00:01:56,480 --> 00:01:57,900 zarządzanym przepływie pracy. 23 00:01:58,100 --> 00:02:03,530 Pozwól, że pokażę ci, jak zacząć pracę z tym czystym przepływem pracy. Oczywiście możesz też 24 00:02:03,530 --> 00:02:06,250 sprawdzić oficjalne dokumenty. Tutaj musisz 25 00:02:06,290 --> 00:02:11,750 mieć zainstalowany interfejs expo CLI, a my zainstalowaliśmy go na początku kursu do 26 00:02:11,750 --> 00:02:13,830 tworzenia naszego projektu zarządzanego, a 27 00:02:14,030 --> 00:02:20,810 także musisz mieć zainstalowany interfejs React Native CLI. Ponadto, co jest również ważne, na ogół 28 00:02:20,900 --> 00:02:26,660 powinieneś mieć konfigurację opisaną tutaj w dokumentach React Native w sekcji Szybki start React 29 00:02:26,660 --> 00:02:32,780 Native CLI, więc upewnij się, że skonfigurowałeś system tak, jak opisano tutaj dla różnych platform, 30 00:02:32,780 --> 00:02:38,300 różnych systemów operacyjnych kierujesz reklamy, więc upewnij się, że zainstalowałeś Android Studio i Xcode, 31 00:02:38,300 --> 00:02:43,700 a także wszystkie zależności, które tu znajdziesz, ponieważ użyjesz tego przepływu pracy, otrzymasz 32 00:02:43,700 --> 00:02:52,720 tylko trochę więcej niż ten surowy, pusty projekt, który masz tutaj. Po zainstalowaniu tego wszystkiego możesz utworzyć nowy pakiet 33 00:02:52,960 --> 00:03:01,850 obiegów pracy za pomocą tego polecenia lub ogólnie, uruchamiając expo init, a następnie dowolną nazwę 34 00:03:01,850 --> 00:03:11,390 projektu, taką jak RNWithExpoBare, i upewnij się, że uruchamiasz to polecenie na ścieżce gdzie chcesz utworzyć 35 00:03:11,390 --> 00:03:13,640 ten folder projektu. 36 00:03:13,880 --> 00:03:20,600 Więc jeśli uruchomisz to teraz, utworzy to nowy projekt expo i jest to również monit, 37 00:03:20,600 --> 00:03:22,110 który widzieliśmy 38 00:03:22,250 --> 00:03:24,090 na początku kursu, tam 39 00:03:24,260 --> 00:03:28,670 wybrałem puste i pamiętaj, że to oczywiście było częścią 40 00:03:28,670 --> 00:03:30,500 zarządzanego przepływu pracy, co 41 00:03:30,620 --> 00:03:36,500 wybrałem na początku kursu, teraz możemy wybrać podstawowy przepływ pracy, przechodząc do absolutnego 42 00:03:36,500 --> 00:03:42,980 minimum wyboru tutaj i naciskając enter, a to, co robi, to tworzy teraz nowy 43 00:03:42,980 --> 00:03:49,310 projekt i możemy teraz wpisać nazwę dla aplikacji, która jest widoczna na ekran główny, 44 00:03:49,630 --> 00:03:51,870 RNBare, a tutaj także RNBare. 45 00:03:51,900 --> 00:03:55,260 Więc wybierz tutaj, naciśnij Enter, a teraz tworzy to nowy projekt, 46 00:03:55,260 --> 00:03:57,920 nie chcę używać przędzy, zamiast niej użyję npm. 47 00:03:58,050 --> 00:04:01,090 Spowoduje to utworzenie nowego projektu, nowego projektu 48 00:04:01,170 --> 00:04:09,480 React Native, podobnie jak React Native init, więc jeśli użyjesz tylko React Native CLI, ale wstępnie skonfigurujesz tak, że możesz już 49 00:04:09,870 --> 00:04:16,930 korzystać z wielu obsługiwanych lub wszystkich obsługiwanych interfejsów API. Co ważne, konfiguracja projektu, którą tu dostaniemy, 50 00:04:17,500 --> 00:04:23,170 mogłaby zostać osiągnięta dzięki stworzonemu zestawowi React Native CLI, w którym w ogóle 51 00:04:23,280 --> 00:04:28,660 nie korzystałem z interfejsu CLI expo, ponieważ magia dzieje się za pomocą 52 00:04:28,900 --> 00:04:31,710 tych Unimodules React Native tutaj. 53 00:04:31,870 --> 00:04:38,440 Jest to w końcu pakiet dostarczony przez zespół ds. Wystawy, który pomaga korzystać z funkcji 54 00:04:38,440 --> 00:04:44,680 urządzenia natywnego, które można uzyskać w zarządzanym przepływie pracy poza zarządzanym przepływem pracy. 55 00:04:44,680 --> 00:04:50,230 Teraz ważne, jeśli odwiedzisz stronę github Unimodules React Native i możesz po 56 00:04:50,230 --> 00:04:58,140 prostu wyszukać tę nazwę, aby ją znaleźć, znajdziesz także instrukcje, jak dodać ją do istniejącej aplikacji React Native. 57 00:04:58,190 --> 00:05:03,620 Tutaj znajdziesz instrukcje, jak skonfigurować tę i całą tę konfigurację, która jest tu 58 00:05:03,620 --> 00:05:09,170 opisana, więc wszystkie te rzeczy tutaj, co musisz zrobić, jeśli chcesz użyć tego pakietu, 59 00:05:09,170 --> 00:05:13,450 a zatem funkcji natywnych expo w normalnym React Native aplikacja non-expo, 60 00:05:13,610 --> 00:05:17,880 musisz zrobić to ręcznie dla takiego projektu utworzonego za pomocą 61 00:05:18,160 --> 00:05:20,050 React Native CLI i właśnie 62 00:05:20,060 --> 00:05:26,930 to robi dla nas inito expo z tym nagim przepływem pracy, daje nam taki projekt React Native, jakbyśmy 63 00:05:26,930 --> 00:05:32,720 stworzyli z React Native CLI i wstępnie go konfiguruje, wykonując wszystkie te kroki, więc nie 64 00:05:32,750 --> 00:05:34,480 musimy tego robić. 65 00:05:34,640 --> 00:05:37,580 Więc możemy to oczywiście wykorzystać, więc pozwólcie, 66 00:05:37,580 --> 00:05:40,460 że otworzę ten projekt, to 67 00:05:40,510 --> 00:05:46,660 jest właśnie projekt RNWithExpoBare, który właśnie utworzyłem i tam znajdziesz pewne podobieństwa do projektu 68 00:05:46,690 --> 00:05:49,660 React Native, który stworzyliśmy z CLI, w 69 00:05:49,690 --> 00:05:57,400 zasadzie te same pliki konfiguracyjne, ta sama aplikacja startowa. js content, teraz tutaj expo użyło starszej wersji React Native 70 00:05:57,400 --> 00:06:01,990 do stworzenia tego, dlatego wygląda to nieco inaczej, ale w końcu otrzymasz 71 00:06:01,990 --> 00:06:05,170 taką samą konfigurację jak w React Native CLI, 72 00:06:05,160 --> 00:06:11,230 ale jak wspomniałem w Folder dla Androida i iOS z tymi projektami dla Androida i iOS 73 00:06:11,560 --> 00:06:15,440 wstępnie skonfigurowanymi zgodnie z opisem na stronie unimodules, dzięki czemu 74 00:06:15,730 --> 00:06:24,010 nie musisz tego robić, a dzięki tej wstępnej konfiguracji możesz teraz łatwo dodawać pakiety innych firm, możesz dodawać dowolne pakiety innych firm 75 00:06:24,010 --> 00:06:26,030 , możesz na przykład teraz 76 00:06:26,050 --> 00:06:29,260 także ponownie użyć narzędzia wyboru obrazu React Native, 77 00:06:29,260 --> 00:06:34,030 więc to, co dodaliśmy wcześniej, czego nie mogliśmy dodać do aplikacji zarządzanego przepływu 78 00:06:34,030 --> 00:06:40,330 pracy, ten pakiet tutaj, możesz łatwo dodać to do czystej aplikacji przepływu pracy, ponieważ jest to tylko 79 00:06:40,360 --> 00:06:47,770 aplikacja React Native bez expo, więc możesz to dodać, ale teraz w przeciwieństwie do zwykłej aplikacji React Native bez expo, 80 00:06:47,770 --> 00:06:54,220 możesz również przynieść dowolne z wymienionych tutaj interfejsów API expo, np. pakiet lokalizacji expo, którego używaliśmy wcześniej 81 00:06:54,220 --> 00:06:55,320 w kurs. 82 00:06:55,420 --> 00:07:01,600 Możesz teraz łatwo zainstalować to, postępując zgodnie z instrukcjami instalacji, z którymi jesteś tutaj połączony dla samego przepływu 83 00:07:01,600 --> 00:07:05,950 pracy, musisz wtedy postępować zgodnie z instrukcjami instalacji, które znajdziesz tutaj w pakiecie 84 00:07:05,950 --> 00:07:12,340 lokalizacji expo, tam dowiesz się, że możesz zainstalować to za pomocą tego polecenie, a następnie uruchom instalację portu w 85 00:07:12,340 --> 00:07:16,240 katalogu iOS i nie jest wymagana dodatkowa konfiguracja dla Androida. 86 00:07:16,290 --> 00:07:22,360 Wystarczająco uczciwy, niezbyt trudny i dlatego możesz powiedzieć, że masz to, co najlepsze z obu światów, 87 00:07:22,570 --> 00:07:30,060 masz natywną aplikację z React Native CLI i nadal możesz korzystać z niektórych funkcji expo, choć pamiętaj, że jeśli to 88 00:07:30,070 --> 00:07:36,370 uruchomisz aplikacja, jeśli robisz to oczywiście na przykład z uruchomionym na Androidzie uruchomionym systemem Android i dlatego 89 00:07:36,370 --> 00:07:42,900 wymaga to Android Studio, buduje je lokalnie w twoim systemie, dlatego trwa to trochę dłużej, musisz skonfigurować wszystko 90 00:07:42,930 --> 00:07:48,130 w systemie i dla wdrażając aplikację i tak dalej, musisz również zarządzać nią tutaj 91 00:07:48,130 --> 00:07:55,360 na komputerze lokalnym, więc nie masz żadnych funkcji zapewniających wygodę, które expo daje w zarządzanym przepływie pracy, w którym 92 00:07:55,390 --> 00:08:00,370 ten budynek i testy są super szybkie, gdzie możesz szybko przetestować go na 93 00:08:00,370 --> 00:08:02,760 prawdziwe urządzenie i tak dalej, tutaj 94 00:08:02,860 --> 00:08:04,560 wszystkiego też brakuje. 95 00:08:04,690 --> 00:08:10,450 Masz projekt React Native bez expo, ale korzystanie z niektórych interfejsów API expo jest 96 00:08:10,450 --> 00:08:17,580 łatwiejsze, oto idea stojąca za obiegiem pracy, a ponieważ expo ma wiele niesamowitych interfejsów API, to oczywiście jest 97 00:08:17,580 --> 00:08:25,050 całkiem dobry powód, aby go używać, ponieważ te interfejsy API, te pakiety są również gwarantujemy, że będzie kontynuowana 98 00:08:25,050 --> 00:08:26,340 i utrzymywana, 99 00:08:26,400 --> 00:08:30,660 co niekoniecznie dotyczy wszystkich pakietów innych firm, które możesz dodawać 100 00:08:30,660 --> 00:08:32,700 do swoich aplikacji React Native.