1
00:00:02,370 --> 00:00:04,560
Uma parte crucial do React

2
00:00:04,680 --> 00:00:07,900
Native são esses componentes que são incorporados ao

3
00:00:07,920 --> 00:00:13,340
React Native porque, como você aprendeu na primeira seção deste curso, esses são componentes

4
00:00:13,350 --> 00:00:21,420
especiais para os quais o React Native sabe como traduzir, como compilá-los para widgets da plataforma nativa e só pode usar

5
00:00:21,420 --> 00:00:23,730
esses componentes em aplicativos React Native.

6
00:00:23,790 --> 00:00:29,070
Você pode construir seus próprios componentes, mas estes, no final, também precisam ser compostos desses componentes

7
00:00:29,190 --> 00:00:29,910
internos,

8
00:00:30,000 --> 00:00:33,390
você não pode usar divs ou parágrafos ou algo assim.

9
00:00:33,600 --> 00:00:38,550
Então nós temos que trabalhar com os que foram construídos no React Native porque lá o

10
00:00:38,550 --> 00:00:43,640
React Native sabe como traduzi-los e lá, temos coisas como a visão, texto, botão, entrada de

11
00:00:43,650 --> 00:00:46,620
texto palpável, imagem, estes são alguns dos componentes que

12
00:00:46,620 --> 00:00:51,150
você verá Ao longo deste curso, há mais e vamos ver muitos deles ao

13
00:00:51,150 --> 00:00:58,620
longo do curso e você aprenderá a trabalhar com eles, como configurá-los e como compor boas interfaces de usuário com a ajuda desses componentes.

14
00:00:58,620 --> 00:01:04,500
Agora você, como acabei de mencionar, é claro, construa suas interfaces de usuário, seus componentes personalizados com

15
00:01:04,500 --> 00:01:11,130
a ajuda desses componentes internos aqui, para que você componha sua interface de usuário, seus componentes a partir desses componentes

16
00:01:11,160 --> 00:01:16,830
internos e pareça algo como isto . Você constrói seu próprio componente de título, pegando os componentes internos

17
00:01:16,830 --> 00:01:23,520
e misturando-os e combinando-os para obter a aparência ou o componente que você precisa. O estilo também é uma parte importante

18
00:01:23,520 --> 00:01:28,770
nos aplicativos React Native e é importante entender que o React Native não

19
00:01:28,860 --> 00:01:35,070
usa tecnologias da Web, não usa HTML, usa JavaScript sem dúvida, mas não usa HTML e

20
00:01:35,070 --> 00:01:41,580
também não usa CSS, então o CSS que você usa para modelar na web não é suportado

21
00:01:41,580 --> 00:01:50,010
no React Native, mas dá a você comandos de estilo, configuração de estilo que você pode adicionar aos seus componentes, para

22
00:01:50,010 --> 00:01:55,740
esses componentes que são incorporados no React Native com a ajuda de inline estilos

23
00:01:55,830 --> 00:02:02,580
ou com os chamados objetos de folha de estilo e lá, você escreve essas instruções de estilo

24
00:02:02,580 --> 00:02:09,990
em Javascript, mas usa uma sintaxe baseada em CSS. Portanto, não está diretamente relacionado ao CSS, mas é claro que é influenciado

25
00:02:10,170 --> 00:02:17,310
pelo CSS, muitas das instruções que você usa aqui são inspiradas pelo CSS e muitas das regras ou das propriedades que você conhece do

26
00:02:17,310 --> 00:02:24,420
CSS também funcionam aqui em Javascript, no aplicativo React Native. . Agora, com relação aos objetos inline styles

27
00:02:24,420 --> 00:02:30,810
vs stylesheet, mostrarei os dois, mas eu já direi que usar o objeto stylesheet é

28
00:02:30,840 --> 00:02:34,800
o preferido, mas voltarei a isso depois de usá-lo.

29
00:02:34,910 --> 00:02:39,450
E com isso, agora que sabemos mais ou menos o que há com componentes e estilo,

30
00:02:39,550 --> 00:02:43,220
por que não apenas começamos e começamos a trabalhar com essas coisas?