1
00:00:02,410 --> 00:00:05,770
Można powiedzieć, że istnieją około trzy sposoby budowania

2
00:00:05,770 --> 00:00:09,420
aplikacji React Native - jeden z expo z tak zwanym

3
00:00:09,430 --> 00:00:14,920
zarządzanym przepływem pracy, takie podejście zastosowaliśmy w kursie i jest to jakby przerywana linia,

4
00:00:14,920 --> 00:00:20,290
ponieważ nie jest to tak naprawdę alternatywa dla budowania aplikacji non-expo, to oczywiście mocno

5
00:00:20,440 --> 00:00:21,440
obejmuje expo,

6
00:00:21,450 --> 00:00:27,190
jest to podejście, którego używamy na kursie. Jest łatwy w użyciu, ma prawie zerową konfigurację, działa od razu

7
00:00:27,190 --> 00:00:33,250
po wyjęciu z pudełka, możesz łatwo przetestować aplikację na prawdziwym urządzeniu, masz wiele wbudowanych modułów natywnych, które są bardzo łatwe w instalacji i obsłudze.

8
00:00:33,730 --> 00:00:39,610
Jest kontrolowany za pomocą interfejsu expo CLI, po prostu wpisujesz npm start lub expo start, masz narzędzia do tworzenia

9
00:00:39,610 --> 00:00:46,710
expo w przeglądarce, możesz łatwo uruchomić na symulatorach i prawdziwych urządzeniach, a nadal możesz uzyskać samodzielną aplikację, którą możesz wdrożyć, który, jak

10
00:00:46,720 --> 00:00:53,080
wyjaśniłem, zawiera klienta expo jako opakowanie, że tak powiem. Ponieważ możesz go łatwo przetestować

11
00:00:53,080 --> 00:00:58,510
na prawdziwych urządzeniach, technicznie nie musisz nawet instalować Android Studio

12
00:00:58,600 --> 00:01:05,530
lub Xcode, aby zbudować aplikację z expo. Zainstalowałem go i poinstruowałem, abyś zainstalował go również na tym

13
00:01:05,630 --> 00:01:11,320
kursie, abyśmy mogli rozkręcić symulatory i przetestować go tam, ponieważ nie chciałem ciągle testować go na

14
00:01:11,320 --> 00:01:16,990
prawdziwym urządzeniu i nagrywać ten ekran, ale nie Trzeba to zrobić, możesz przetestować to na prawdziwym

15
00:01:16,990 --> 00:01:20,360
urządzeniu z zainstalowaną tam tylko aplikacją klienta expo, więc

16
00:01:20,410 --> 00:01:23,120
możesz to zrobić. Teraz zastosowaliśmy

17
00:01:23,200 --> 00:01:28,810
takie podejście, ale oczywiście jest to aplikacja ciężka na expo, to aplikacja w

18
00:01:28,840 --> 00:01:33,590
pełni w ekosystemie expo ze wszystkimi ograniczeniami lub wadami, które przedstawiłem.

19
00:01:33,640 --> 00:01:39,610
Teraz alternatywą jest to, że nadal używasz expo, ale tak zwany obieg pracy lub że budujesz

20
00:01:39,610 --> 00:01:44,380
aplikację React Native bez expo w ogóle z React Native CLI.

21
00:01:44,610 --> 00:01:51,720
Teraz proces przepływu pracy expo może być utworzony od zera lub przez wysunięcie z zarządzanego przepływu pracy,

22
00:01:51,720 --> 00:01:55,080
i to również pokażę w tym module.

23
00:01:55,110 --> 00:02:01,530
Teraz, gdy tworzysz aplikację z czystym przepływem pracy, otrzymujesz aplikację bez expo, budujesz aplikację natywną tak, jak

24
00:02:01,530 --> 00:02:03,490
budowałbyś ją z React

25
00:02:03,520 --> 00:02:05,950
Native CLI, więc masz tam tę samą

26
00:02:05,970 --> 00:02:13,920
podstawę, z tą różnicą, że nadal możesz użyj specjalnych pakietów expo. Ich instalacja jest nieco bardziej złożona niż w zarządzanym

27
00:02:13,920 --> 00:02:20,040
przepływie pracy. Musisz wykonać więcej ręcznych prac związanych z łączeniem, przynajmniej w przypadku niektórych pakietów,

28
00:02:20,040 --> 00:02:27,330
ale wielu, ale nie wszystkich, ale wiele pakietów expo, które są zawarte w zarządzanym przepływie pracy są dostępne

29
00:02:27,420 --> 00:02:32,560
jako samodzielne pakiety, które możesz przynieść do dowolnej aplikacji React Native, a

30
00:02:32,640 --> 00:02:38,480
zespół ds. wystawy pracuje nad udostępnieniem coraz większej liczby pakietów poza zarządzanym przepływem pracy.

31
00:02:38,970 --> 00:02:45,450
Możesz to przynieść, a dzięki samemu przepływowi pracy dodawanie tych pakietów jest stosunkowo łatwe, nie tak łatwe i szybkie jak

32
00:02:45,450 --> 00:02:50,870
w zarządzaniu przepływem pracy, ale nadal bardzo łatwe. Gdy budujesz aplikację bez expo, dzięki React Native

33
00:02:50,890 --> 00:02:51,900
CLI nadal

34
00:02:51,930 --> 00:02:58,420
możesz przynieść te pakiety, ale wymagana jest dodatkowa ręczna konfiguracja. Teraz, jak powiedziałem, jest stosunkowo łatwy do skonfigurowania

35
00:02:58,420 --> 00:03:01,660
i zarządzania w czystym przepływie pracy, musisz zarządzać

36
00:03:01,660 --> 00:03:04,610
więcej w przepływie pracy React Native CLI,

37
00:03:04,630 --> 00:03:12,790
więc tam naprawdę budujesz wszystko bez żadnego wsparcia przez expo. Jeśli chodzi o moduły natywne, których używasz, możesz użyć dowolnego

38
00:03:13,480 --> 00:03:19,540
modułu natywnego, również tego innego niż expo, możesz przynieść te specjalne pakiety expo, które musisz

39
00:03:19,540 --> 00:03:23,620
ręcznie połączyć, ale możesz przynieść dowolny inny moduł natywny.

40
00:03:23,620 --> 00:03:28,480
Teraz, gdy zaczynamy budować i dystrybuować aplikację, dzięki zarządzanemu przepływowi pracy zobaczysz

41
00:03:28,480 --> 00:03:35,650
w module wdrażania, który jest bardzo łatwy do zrobienia, a sam przepływ pracy jest nieco „trudniejszy” w cudzysłowie, wymaga więcej

42
00:03:35,650 --> 00:03:42,700
pracy z Android Studio i Xcode i nie jest tak łatwe, jak w przypadku przepływu pracy zarządzanego przez expo, ty

43
00:03:42,940 --> 00:03:48,670
też na przykład i to jedno ważne ograniczenie, nie będziesz mógł tworzyć aplikacji na iOS w

44
00:03:48,670 --> 00:03:49,520
systemie Windows.

45
00:03:49,660 --> 00:03:54,910
Jest to możliwe w zarządzanym przepływie pracy, ponieważ kompilacja nie nastąpi na twoim komputerze, ale

46
00:03:54,910 --> 00:04:00,160
w chmurze, z czystym przepływem pracy i za pomocą React Native CLI, jesteś odpowiedzialny za

47
00:04:00,160 --> 00:04:05,260
tworzenie aplikacji i dlatego musisz to zrobić lokalnie na twoim komputerze, a zatem z powodu

48
00:04:05,260 --> 00:04:10,320
ograniczeń Apple'a, nie będziesz w stanie zbudować aplikacji na iOS na Windowsie lub Linuksie,

49
00:04:10,330 --> 00:04:12,630
więc o tym też musisz pamiętać.

50
00:04:12,670 --> 00:04:14,820
Więc robisz to wszystko na własną rękę,

51
00:04:14,950 --> 00:04:20,320
więc potrzebujesz tych narzędzi zainstalowanych i chociaż nie będziesz ich używać do pisania kodu, będziesz musiał trochę się nimi

52
00:04:20,320 --> 00:04:29,830
bawić, a następnie wykorzystasz je do zbudowania aplikacji i wdrożenia to na końcu. To są alternatywy.

53
00:04:29,830 --> 00:04:35,050
Teraz do wdrożenia będę miał osobny moduł, w którym zobaczę, jak to działa z zarządzanym przepływem pracy, a

54
00:04:35,050 --> 00:04:36,700
także bez zarządzanego przepływu pracy, więc

55
00:04:36,820 --> 00:04:39,820
na tym nie skupię się w tym module, zamiast tego

56
00:04:39,820 --> 00:04:45,130
w tym module, który chcę aby pokazać, w jaki sposób budujesz aplikację za pomocą React Native CLI, jak również

57
00:04:45,140 --> 00:04:50,350
budujesz ją z expo w czystym przepływie pracy i jak możesz wysunąć z zarządzanego przepływu pracy do pustego

58
00:04:50,350 --> 00:04:51,280
przepływu pracy.

59
00:04:51,280 --> 00:04:56,560
Przyjrzymy się również, w jaki sposób możesz dodać niektóre natywne funkcje urządzeń w tych dwóch alternatywach, ponieważ jest to

60
00:04:56,590 --> 00:05:00,390
część, w której w większości różni się ona od zarządzanego przepływu pracy.

61
00:05:00,540 --> 00:05:05,130
Sposób, w jaki piszesz swoje komponenty itd., Oraz jakich komponentów używasz z React Native, nie różni

62
00:05:05,130 --> 00:05:10,710
się wcale, ponieważ nie było w tym nic konkretnego. Innymi słowy, jeśli przyjrzymy się projektowi,

63
00:05:10,710 --> 00:05:14,370
nad którym pracowaliśmy wcześniej w tym kursie, ten natywny

64
00:05:14,370 --> 00:05:20,100
projekt modułu, w zasadzie to, co stracisz, gdy nie korzystasz z zarządzanego przepływu pracy,

65
00:05:20,460 --> 00:05:24,960
to wszystkie importy związane z expo, wszystko co importuję z expo,

66
00:05:25,080 --> 00:05:31,290
to w zasadzie jest coś, co jest teraz trudniejsze lub które musisz teraz zrobić inaczej.

67
00:05:31,290 --> 00:05:36,540
Jeśli nie używasz expo jak w tym pliku, taki plik nie musiałby się wcale zmieniać,

68
00:05:36,540 --> 00:05:42,120
tylko pliki, w których używasz expo, muszą zostać dostosowane lub muszą zostać zaimplementowane inaczej, gdy nie używasz

69
00:05:42,240 --> 00:05:48,190
zarządzanego przepływu pracy lub precyzyjnie, możesz już nie być w stanie korzystać z niektórych pakietów lub nadal możesz

70
00:05:48,270 --> 00:05:52,810
ich używać i prawdopodobnie nawet nie musisz w ogóle dotykać kodu, ale aby

71
00:05:52,920 --> 00:05:58,020
z nich skorzystać, musisz wykonać więcej ręcznej konfiguracji niż trzeba zrobić z expo i zarządzanym

72
00:05:58,020 --> 00:05:58,910
przepływem pracy.