1
00:00:02,180 --> 00:00:06,790
Così hai imparato come utilizzare la CLI di React Native per creare progetti React Native.

2
00:00:12,260 --> 00:00:19,880
Si tratta di progetti che non hanno alcun legame con Expo e che sono quindi totalmente gestiti da te e dove puoi quindi aggiungere qualsiasi pacchetto di terze parti effettivamente, inclusi alcuni pacchetti

3
00:00:19,940 --> 00:00:21,710
expo che sono disponibili anche al di

4
00:00:22,160 --> 00:00:23,980
fuori del flusso di lavoro gestito ma devi

5
00:00:24,020 --> 00:00:28,850
configurare tutto da solo, che può essere facile a seconda del pacchetto che stai usando ma anche può essere più difficile.

6
00:00:28,850 --> 00:00:34,150
Ora c'è una via di mezzo tra il flusso di lavoro gestito dall'Expo e il puro,

7
00:00:34,160 --> 00:00:40,120
è necessario fare tutto da soli, il flusso di lavoro e questo è il flusso di lavoro nudo dell'Expo.

8
00:00:40,130 --> 00:00:42,820
Ora qual è il flusso di lavoro nudo qui?

9
00:00:42,980 --> 00:00:49,880
Il flusso di lavoro nudo include un'app React Native come quella creata con la CLI React Native, quindi non

10
00:00:49,890 --> 00:00:58,040
un'app gestita con expo come wrapper ma un'app nativa, che tuttavia è già preconfigurata per supportare molti pacchetti expo, non tutti ma

11
00:00:58,310 --> 00:01:01,470
il team di expo sta lavorando per rendere

12
00:01:01,490 --> 00:01:06,770
sempre più disponibili al di fuori del flusso di lavoro gestito, ma molti di

13
00:01:07,190 --> 00:01:12,560
questi sono già inclusi e puoi controllare la pagina API supportata qui per avere

14
00:01:12,560 --> 00:01:17,230
un'idea di quali funzionalità puoi usare anche nel flusso di lavoro nudo.

15
00:01:17,240 --> 00:01:23,150
L'idea alla base del flusso di lavoro semplice è che hai questa esperienza di sviluppo nativo

16
00:01:23,150 --> 00:01:30,140
non elaborata in cui devi utilizzare Android Studio e Xcode, quindi non hai la CLI expo e il client expo

17
00:01:30,140 --> 00:01:33,610
che ti aiutano, quindi devi farlo manualmente con aiuto

18
00:01:34,040 --> 00:01:38,420
della CLI nativa di React ma dove l'aggiunta di funzionalità native è

19
00:01:38,450 --> 00:01:44,390
più semplice, quindi dove è necessario fare meno configurazione, dove puoi usare questi potenti pacchetti nativi

20
00:01:44,420 --> 00:01:50,700
che Expo ti offre dove puoi usare tutto ciò senza le limitazioni che ti dà Expo , anche

21
00:01:50,750 --> 00:01:56,480
se voglio mettere le limitazioni tra virgolette perché in realtà non hai molte limitazioni nel flusso

22
00:01:56,480 --> 00:01:57,900
di lavoro gestito.

23
00:01:58,100 --> 00:02:03,530
Quindi lascia che ti mostri come iniziare con quel flusso di lavoro nudo e, naturalmente, puoi anche

24
00:02:03,530 --> 00:02:06,250
controllare i documenti ufficiali. Qui è necessario

25
00:02:06,290 --> 00:02:11,750
disporre della CLI di expo installata e l'abbiamo installata all'inizio del corso per la creazione del

26
00:02:11,750 --> 00:02:13,830
nostro progetto gestito e inoltre è

27
00:02:14,030 --> 00:02:20,810
necessario che sia installata la CLI di React Native. Inoltre, e questo è anche importante, dovresti generalmente avere

28
00:02:20,900 --> 00:02:26,660
la configurazione che è descritta qui sui documenti di React Native sotto l'avvio rapido di React

29
00:02:26,660 --> 00:02:32,780
Native CLI, quindi assicurati di impostare il tuo sistema come descritto qui per le diverse piattaforme, i

30
00:02:32,780 --> 00:02:38,300
diversi sistemi operativi che stai prendendo di mira, quindi assicurati di installare Android Studio e Xcode

31
00:02:38,300 --> 00:02:43,700
e tutte le dipendenze che troverai qui perché utilizzerai questo flusso di lavoro, otterrai solo

32
00:02:43,700 --> 00:02:52,720
un po 'di più di questo progetto vuoto grezzo che hai qui. Quindi, una volta installato tutto ciò, puoi creare un

33
00:02:52,960 --> 00:03:01,850
nuovo pacchetto di flusso di lavoro nudo con questo comando o in generale eseguendo expo init e quindi qualsiasi

34
00:03:01,850 --> 00:03:11,390
nome di progetto a tua scelta, come RNWithExpoBare e assicurati di eseguire questo comando in un percorso dove vuoi creare

35
00:03:11,390 --> 00:03:13,640
questa cartella di progetto.

36
00:03:13,880 --> 00:03:20,600
Quindi, se lo esegui ora, questo creerà un nuovo progetto expo e questo è anche il prompt

37
00:03:20,600 --> 00:03:22,110
che abbiamo visto

38
00:03:22,250 --> 00:03:24,090
all'inizio del corso, lì

39
00:03:24,260 --> 00:03:28,670
ho scelto vuoto e tieni presente che questo ovviamente faceva parte

40
00:03:28,670 --> 00:03:30,500
del flusso di lavoro

41
00:03:30,620 --> 00:03:36,500
gestito, quello che ho scelto all'inizio del corso, ora possiamo scegliere il flusso di lavoro

42
00:03:36,500 --> 00:03:42,980
nudo andando alla selezione minima nuda qui e premere invio e ciò che fa è ora crea

43
00:03:42,980 --> 00:03:49,310
un nuovo progetto e ora possiamo inserire un nome qui per l'app visibile su la schermata

44
00:03:49,630 --> 00:03:51,870
principale, RNBare e qui anche RNBare.

45
00:03:51,900 --> 00:03:55,260
Quindi scegli quello qui, premi invio e ora questo crea un nuovo

46
00:03:55,260 --> 00:03:57,920
progetto, non voglio usare il filato, userò invece npm.

47
00:03:58,050 --> 00:04:01,090
Questo creerà un nuovo progetto, un nuovo progetto React

48
00:04:01,170 --> 00:04:09,480
Native più o meno come farebbe React Native init, quindi se hai usato solo la CLI React Native ma hai preconfigurato in modo tale da poter

49
00:04:09,870 --> 00:04:16,930
già utilizzare molte di queste API supportate o tutte queste supportate. Ora importante, la configurazione del progetto che stiamo

50
00:04:17,500 --> 00:04:23,170
ottenendo qui potrebbe essere raggiunta anche con questa CLI React Native creata dove

51
00:04:23,280 --> 00:04:28,660
non ho usato la CLI expo perché la magia avviene con l'aiuto

52
00:04:28,900 --> 00:04:31,710
di questi unimoduli React Native qui.

53
00:04:31,870 --> 00:04:38,440
Questo è un pacchetto alla fine fornito dal team di Expo che ti aiuta a sfruttare le funzionalità del dispositivo

54
00:04:38,440 --> 00:04:44,680
nativo che puoi ottenere nel flusso di lavoro gestito anche al di fuori del flusso di lavoro gestito.

55
00:04:44,680 --> 00:04:50,230
Ora importante, se visiti la pagina github degli unimoduli di React Native e

56
00:04:50,230 --> 00:04:58,140
puoi semplicemente cercare questo nome per trovarlo, troverai anche le istruzioni su come aggiungerlo a un'app React Native esistente.

57
00:04:58,190 --> 00:05:03,620
Qui trovi le istruzioni su come configurare questa e tutta questa configurazione che è descritta

58
00:05:03,620 --> 00:05:09,170
qui, quindi tutte queste cose qui a destra, che devi fare se vuoi usare questo pacchetto

59
00:05:09,170 --> 00:05:13,450
e quindi le funzionalità native di expo in un normale React Native

60
00:05:13,610 --> 00:05:17,880
app non expo, dovresti eseguirli manualmente per un progetto simile creato con

61
00:05:18,160 --> 00:05:20,050
la CLI React Native ed

62
00:05:20,060 --> 00:05:26,930
è esattamente quello che fa expo init con questo flusso di lavoro nudo per noi, ci dà un progetto React

63
00:05:26,930 --> 00:05:32,720
Native come se avessimo creato con la CLI React Native e la preconfigura seguendo tutti questi passaggi,

64
00:05:32,750 --> 00:05:34,480
quindi non dobbiamo farlo.

65
00:05:34,640 --> 00:05:37,580
Quindi è qualcosa di cui possiamo approfittare ovviamente,

66
00:05:37,580 --> 00:05:40,460
quindi lasciami aprire questo progetto, questo

67
00:05:40,510 --> 00:05:46,660
è ora il progetto RNWithExpoBare che ho appena creato e lì, troverai alcune somiglianze con il progetto

68
00:05:46,690 --> 00:05:49,660
React Native che abbiamo creato con la CLI,

69
00:05:49,690 --> 00:05:57,400
praticamente il stessi file di configurazione, la stessa app di partenza. js content, ora qui expo ha usato una versione precedente di

70
00:05:57,400 --> 00:06:01,990
React Native per creare questo, motivo per cui questo sembra un po 'diverso ma

71
00:06:01,990 --> 00:06:05,170
alla fine, otterrai la stessa configurazione della CLI React

72
00:06:05,160 --> 00:06:11,230
Native ma come ho già detto con il Cartella Android e iOS con questi progetti Android e iOS

73
00:06:11,560 --> 00:06:15,440
preconfigurati come descritto nella pagina unimodules in modo da non doverlo

74
00:06:15,730 --> 00:06:24,010
fare e con questa preconfigurazione, ora puoi aggiungere facilmente pacchetti di terze parti, puoi aggiungere qualsiasi pacchetto di terze parti , ad esempio, ora puoi

75
00:06:24,010 --> 00:06:26,030
anche utilizzare di nuovo il selettore

76
00:06:26,050 --> 00:06:29,260
di immagini Native di React, quindi ciò che abbiamo

77
00:06:29,260 --> 00:06:34,030
aggiunto prima, ciò che non potevamo aggiungere a un'app per flusso di lavoro gestita,

78
00:06:34,030 --> 00:06:40,330
questo pacchetto qui, puoi facilmente aggiungerlo a un'app per flusso di lavoro semplice perché questo è solo un'app React

79
00:06:40,360 --> 00:06:47,770
Native senza expo, quindi puoi aggiungere questa, ma ora diversamente da una normale app React Native solo senza expo, puoi anche portare

80
00:06:47,770 --> 00:06:54,220
una qualsiasi delle API expo elencate qui, come il pacchetto di location expo che abbiamo usato in precedenza in

81
00:06:54,220 --> 00:06:55,320
il corso.

82
00:06:55,420 --> 00:07:01,600
Ora puoi installarlo facilmente seguendo le istruzioni di installazione a cui sei collegato qui per il flusso di

83
00:07:01,600 --> 00:07:05,950
lavoro nudo, dovresti quindi seguire le istruzioni di installazione che trovi qui sul

84
00:07:05,950 --> 00:07:12,340
pacchetto della posizione dell'expo, lì impari che puoi installarlo con questo comando, quindi eseguire l'installazione della porta nella directory

85
00:07:12,340 --> 00:07:16,240
iOS e non è necessaria alcuna configurazione aggiuntiva per Android.

86
00:07:16,290 --> 00:07:22,360
Abbastanza giusto, non troppo difficile e quindi potresti forse dire di avere il meglio da entrambi i mondi,

87
00:07:22,570 --> 00:07:30,060
hai un'app nativa con React Native CLI e puoi ancora attingere ad alcune funzionalità di esposizione, anche se ovviamente tieni presente che

88
00:07:30,070 --> 00:07:36,370
se lo esegui app, se lo fai, ovviamente, con run-android React-native per esempio e quindi questo richiede Android

89
00:07:36,370 --> 00:07:42,900
Studio, lo costruisce localmente sul tuo sistema, quindi impieghi un po 'più a lungo, devi impostare tutto sul tuo

90
00:07:42,930 --> 00:07:48,130
sistema e per distribuendo l'app e così via devi anche gestirla tutta qui sul tuo

91
00:07:48,130 --> 00:07:55,360
computer locale, in modo da non avere alcuna funzionalità di convenienza che Expo ti offre nel flusso di lavoro gestito in

92
00:07:55,390 --> 00:08:00,370
cui questo edificio e test è super veloce, dove puoi testarlo rapidamente su un

93
00:08:00,370 --> 00:08:02,760
dispositivo reale e così via, tutto

94
00:08:02,860 --> 00:08:04,560
ciò manca anche qui.

95
00:08:04,690 --> 00:08:10,450
Hai un progetto React Native senza expo ma l'utilizzo di determinate API expo è più semplice,

96
00:08:10,450 --> 00:08:17,580
questa è l'idea alla base del flusso di lavoro nudo e poiché expo ha molte API sorprendenti, questo ovviamente è

97
00:08:17,580 --> 00:08:25,050
un buon motivo per usarlo perché queste API, questi pacchetti sono anche abbastanza garantito per essere continuato e mantenuto, il che

98
00:08:25,050 --> 00:08:26,340
non è necessariamente

99
00:08:26,400 --> 00:08:30,660
il caso di tutti gli altri pacchetti di terze parti che potresti

100
00:08:30,660 --> 00:08:32,700
aggiungere alle tue app React Native.