1
00:00:02,370 --> 00:00:04,560
Una parte cruciale di React

2
00:00:04,680 --> 00:00:07,900
Native sono questi componenti che sono integrati in

3
00:00:07,920 --> 00:00:13,340
React Native perché, come hai appreso nella prima sezione di questo corso, si tratta di

4
00:00:13,350 --> 00:00:21,420
componenti speciali per i quali React Native sa come tradurre, come compilarli in widget della piattaforma nativa e tu possono utilizzare tali

5
00:00:21,420 --> 00:00:23,730
componenti solo nelle app React Native.

6
00:00:23,790 --> 00:00:29,070
Puoi costruire i tuoi componenti ma questi poi anche alla fine devono essere costituiti da questi

7
00:00:29,190 --> 00:00:29,910
componenti incorporati,

8
00:00:30,000 --> 00:00:33,390
non puoi usare div o paragrafi o qualcosa del genere.

9
00:00:33,600 --> 00:00:38,550
Quindi dobbiamo lavorare con quelli integrati in React Native perché lì React Native sa

10
00:00:38,550 --> 00:00:43,640
come tradurli e lì, abbiamo cose come la vista, il testo, il pulsante, l'inserimento di

11
00:00:43,650 --> 00:00:46,620
testo toccabile, l'immagine, questi sono alcuni dei componenti

12
00:00:46,620 --> 00:00:51,150
che vedrai durante questo corso, ce ne sono altri e ne vedremo molti

13
00:00:51,150 --> 00:00:58,620
durante il corso e imparerai come lavorare con quelli, come configurarli e come comporre belle interfacce utente con l'aiuto di questi componenti.

14
00:00:58,620 --> 00:01:04,500
Ora, come ho appena detto, costruisci le tue interfacce utente, i tuoi componenti personalizzati con l'aiuto

15
00:01:04,500 --> 00:01:11,130
di questi componenti integrati qui, quindi componi la tua interfaccia utente, i tuoi componenti da questi componenti integrati

16
00:01:11,160 --> 00:01:16,830
lì e sembra qualcosa del genere . Costruisci il tuo componente my title prendendo quelli incorporati e mescolandoli

17
00:01:16,830 --> 00:01:23,520
e abbinandoli insieme per ottenere l'aspetto o il componente di cui hai bisogno. Anche lo styling è una parte importante

18
00:01:23,520 --> 00:01:28,770
nelle app di React Native ed è importante capire che React Native

19
00:01:28,860 --> 00:01:35,070
non usa le tecnologie web, non usa HTML, usa probabilmente JavaScript ma non usa HTML

20
00:01:35,070 --> 00:01:41,580
e non usa CSS, quindi CSS che usi per lo styling nel web non è supportato

21
00:01:41,580 --> 00:01:50,010
in React Native ma ti dà comandi di styling, configurazione di stile che puoi aggiungere ai tuoi componenti, quindi a

22
00:01:50,010 --> 00:01:55,740
questi componenti che sono integrati in React Native con l'aiuto di inline stili

23
00:01:55,830 --> 00:02:02,580
o con i cosiddetti oggetti foglio di stile e lì, scrivi queste istruzioni di stile in

24
00:02:02,580 --> 00:02:09,990
Javascript ma usi una sintassi basata su CSS. Quindi non è direttamente correlato ai CSS ma ovviamente è influenzato dai

25
00:02:10,170 --> 00:02:17,310
CSS, molte delle istruzioni che usi qui sono ispirate ai CSS e molte delle regole o delle proprietà che conosci dai CSS funzionano

26
00:02:17,310 --> 00:02:24,420
anche qui in Javascript, nella tua app React Native . Ora per quanto riguarda gli oggetti inline vs

27
00:02:24,420 --> 00:02:30,810
oggetti foglio di stile, mostrerò entrambi ma dirò già che è preferito usare l'oggetto foglio di

28
00:02:30,840 --> 00:02:34,800
stile, ma tornerò su quello una volta che lo usiamo.

29
00:02:34,910 --> 00:02:39,450
E con ciò, ora che sappiamo più o meno cosa succede con i componenti e

30
00:02:39,550 --> 00:02:43,220
lo stile, perché non iniziare e iniziare a lavorare con queste cose?