1
00:00:02,230 --> 00:00:07,780
Portanto, ao longo deste módulo, vimos muitas noções básicas importantes que você precisa saber

2
00:00:07,780 --> 00:00:13,030
ao trabalhar com o React Native. Você aprendeu sobre esses componentes principais que

3
00:00:13,120 --> 00:00:15,910
você importa do React Native e que você só

4
00:00:15,910 --> 00:00:21,580
pode trabalhar com esses componentes principais, pode criar seus próprios componentes, mas esses componentes, por sua vez, também

5
00:00:21,580 --> 00:00:27,640
precisam se basear nesses componentes principais internos ou em outros componentes. componentes personalizados que são baseados nesses componentes principais.

6
00:00:27,850 --> 00:00:32,830
Isso é realmente crucial, você precisa usar esses componentes principais e pode estilizá-los com a ajuda de estilos embutidos

7
00:00:32,920 --> 00:00:38,320
ou de uma folha de estilo, como fazemos aqui. No final, todo o estilo, obviamente, acontece

8
00:00:38,320 --> 00:00:42,190
com o Javascript, porque isso é apenas o código Javascript aqui, é

9
00:00:42,190 --> 00:00:46,750
um objeto Javascript no final para o qual estamos apontando aqui quando atribuímos um

10
00:00:46,990 --> 00:00:51,270
estilo e, em geral, você controla todo o seu estilo. UI com Javascript.

11
00:00:51,310 --> 00:00:53,590
Esta parte aqui, a visualização, para os

12
00:00:53,800 --> 00:00:55,890
elementos que você está construindo

13
00:00:55,960 --> 00:00:59,850
aqui, é a parte que o React Native compilará com código nativo,

14
00:01:00,190 --> 00:01:03,670
esta parte aqui em cima, seu outro código Javascript, que permanecerá

15
00:01:03,670 --> 00:01:07,280
código Javascript, que não será compilado , em vez disso, será

16
00:01:07,370 --> 00:01:13,300
executado nesta máquina virtual que mostrei na seção um deste curso e, em seguida, conversará com o código

17
00:01:13,300 --> 00:01:20,230
nativo por meio de uma ponte especial configurada pelo React Native. Agora, além disso, usamos os recursos

18
00:01:20,230 --> 00:01:22,030
normais do React.

19
00:01:22,060 --> 00:01:29,770
Estamos usando adereços para transmitir dados, usando o estado aqui com useState, o gancho useState

20
00:01:29,770 --> 00:01:35,650
para usar apenas componentes funcionais. Você poderia ter convertido isso em um componente baseado em

21
00:01:35,650 --> 00:01:39,440
classe para usar o estado definido lá e useState lá, como você provavelmente aprendeu

22
00:01:39,520 --> 00:01:43,690
sobre componentes baseados em classe, mas eu quero usar essa sintaxe React muito moderna e,

23
00:01:43,870 --> 00:01:47,560
portanto, eu uso ganchos React e, com isso, nós tem o conjunto básico.

24
00:01:47,560 --> 00:01:52,420
Agora, é claro, além dos documentos oficiais, que sempre valem uma olhada, se

25
00:01:52,420 --> 00:01:59,650
você quiser saber mais sobre um componente específico, vamos nos aprofundar mais nesses componentes que usamos aqui, no estilo e

26
00:01:59,650 --> 00:02:06,460
na próxima seção, também teremos veja como você pode depurar um aplicativo desse tipo antes de criarmos um aplicativo

27
00:02:06,460 --> 00:02:12,460
diferente, um aplicativo mais bonito, onde já abordamos questões como: como ajustar seu aplicativo a diferentes tamanhos

28
00:02:12,460 --> 00:02:20,320
de dispositivo, como estilizar seus widgets, seu componentes de uma maneira um pouco mais agradável e também como você pode ajustar seus

29
00:02:20,620 --> 00:02:25,360
estilos ou layout para as diferentes plataformas. Portanto, para iOS, você está

30
00:02:25,360 --> 00:02:27,370
executando o iOS para Android.