1
00:00:02,230 --> 00:00:07,780
Pertanto, durante questo modulo, abbiamo esaminato molte nozioni di base importanti che devi

2
00:00:07,780 --> 00:00:13,030
sapere quando lavori con React Native. Hai appreso di questi componenti principali che

3
00:00:13,120 --> 00:00:15,910
importi da React Native e che puoi lavorare solo

4
00:00:15,910 --> 00:00:21,580
con questi componenti principali, puoi costruire i tuoi componenti ma questi componenti a loro volta devono anche essere

5
00:00:21,580 --> 00:00:27,640
basati su questi componenti core integrati o su altri componenti personalizzati che quindi si basano su questi componenti principali.

6
00:00:27,850 --> 00:00:32,830
Questo è davvero cruciale, devi usare questi componenti di base e puoi modellare questi componenti di base con l'aiuto di stili in linea

7
00:00:32,920 --> 00:00:38,320
o di un foglio di stile mentre lo stiamo facendo qui. Alla fine, tutto lo styling ovviamente

8
00:00:38,320 --> 00:00:42,190
avviene con Javascript perché qui è tutto solo codice Javascript, è

9
00:00:42,190 --> 00:00:46,750
un oggetto Javascript alla fine a cui stiamo quindi puntando qui quando assegniamo

10
00:00:46,990 --> 00:00:51,270
uno stile e, in generale, controlli il tuo intero UI con Javascript.

11
00:00:51,310 --> 00:00:53,590
Questa parte qui, la vista, quindi

12
00:00:53,800 --> 00:00:55,890
gli elementi che stai costruendo

13
00:00:55,960 --> 00:00:59,850
qui, questa è la parte che React Native compilerà in codice

14
00:01:00,190 --> 00:01:03,670
nativo, questa parte qui, l'altro tuo codice Javascript, che rimarrà

15
00:01:03,670 --> 00:01:07,280
codice Javascript, che non verrà compilato , invece, verrà eseguito in

16
00:01:07,370 --> 00:01:13,300
questa macchina virtuale che ti ho mostrato nella sezione uno di questo corso e poi parlerò con il

17
00:01:13,300 --> 00:01:20,230
codice nativo attraverso uno speciale bridge creato da React Native. A parte questo, abbiamo usato le normali

18
00:01:20,230 --> 00:01:22,030
funzionalità di React.

19
00:01:22,060 --> 00:01:29,770
Stiamo usando oggetti di scena per passare i dati, stiamo usando lo stato qui con useState, il gancio useState

20
00:01:29,770 --> 00:01:35,650
per usare solo i componenti funzionali. Avresti potuto convertirlo in un componente basato su

21
00:01:35,650 --> 00:01:39,440
classi per usare set state lì e useState lì come probabilmente l'hai imparato

22
00:01:39,520 --> 00:01:43,690
sui componenti basati su class ma voglio usare questa sintassi React molto moderna e

23
00:01:43,870 --> 00:01:47,560
quindi uso hook Hook React e con quello, noi ottenuto le basi.

24
00:01:47,560 --> 00:01:52,420
Ora ovviamente oltre ai documenti ufficiali che valgono sempre la pena dare un'occhiata se

25
00:01:52,420 --> 00:01:59,650
vuoi saperne di più su un componente specifico, approfondiremo molto più approfonditamente questi componenti che usiamo qui, nello styling e nella prossima

26
00:01:59,650 --> 00:02:06,460
sezione, avremo anche uno sguardo a come è possibile eseguire il debug di un'applicazione di questo tipo prima di creare

27
00:02:06,460 --> 00:02:12,460
un'app diversa, un'app più bella già in cui ci immergiamo anche in domande come come è possibile adattare

28
00:02:12,460 --> 00:02:20,320
l'app alle diverse dimensioni del dispositivo, come si possono modellare i widget, il componenti in un modo un po 'più bello e anche come

29
00:02:20,620 --> 00:02:25,360
puoi adattare i tuoi stili o il tuo layout alle diverse piattaforme, quindi iOS

30
00:02:25,360 --> 00:02:27,370
per Android, sei in esecuzione.