1
00:00:02,300 --> 00:00:04,970
React é tudo sobre componentes.

2
00:00:05,130 --> 00:00:05,990
Agora, o que isso significa?

3
00:00:06,740 --> 00:00:13,010
Este ano, essa função aqui é, obviamente, uma função JavaScript regular, mas também é um componente de

4
00:00:13,010 --> 00:00:13,610
reação.

5
00:00:14,000 --> 00:00:15,560
O que compõe um componente de reação?

6
00:00:16,100 --> 00:00:18,020
Um componente de reação pode ser uma de duas coisas.

7
00:00:18,230 --> 00:00:20,750
Pode ser uma função que retorna.

8
00:00:20,760 --> 00:00:28,850
J diz que atos ou retornos reagem, criam chamadas de elementos ou podem ser uma classe JavaScript que possui um método de

9
00:00:28,850 --> 00:00:29,270
renderização.

10
00:00:29,810 --> 00:00:38,420
Portanto, este ano, se eu mudasse, tudo isso seria um aplicativo de classe de componente de reação que estende o componente de reação.

11
00:00:38,430 --> 00:00:39,140
Isso é importante.

12
00:00:39,170 --> 00:00:43,310
Você precisa estender o componente Reia e adicionar um método de renderização.

13
00:00:43,700 --> 00:00:46,790
E nesse método de renderização, você retorna G. S. X.

14
00:00:47,090 --> 00:00:50,570
Este também é um componente de reação regular.

15
00:00:50,570 --> 00:00:53,810
E se eu lhe der segurança, o Darfor verá a mesma saída de antes.

16
00:00:53,840 --> 00:00:55,820
Funciona basicamente da mesma maneira.

17
00:00:56,360 --> 00:01:01,490
Existem algumas diferenças técnicas que discuti em detalhes em meu curso completo de guia

18
00:01:01,850 --> 00:01:02,220
aqui.

19
00:01:02,330 --> 00:01:03,440
Realmente não importa.

20
00:01:03,770 --> 00:01:09,320
Na reação moderna, você pode usar apenas componentes funcionais, portanto, componentes baseados em funções.

21
00:01:09,680 --> 00:01:11,450
E é, portanto, o que ele fará neste curso.

22
00:01:11,510 --> 00:01:13,610
Escreveremos todos os componentes como uma função.

23
00:01:13,940 --> 00:01:15,030
Não é preciso fazer.

24
00:01:15,140 --> 00:01:19,790
E, como mencionei no meu React, um guia completo, você aprende sobre os dois tipos e como eles diferem.

25
00:01:20,030 --> 00:01:24,050
Mas o uso de componentes funcionais apenas definitivamente é uma maneira moderna de usar o react.

26
00:01:24,320 --> 00:01:25,910
E é, portanto, o modo como usaremos.

27
00:01:26,540 --> 00:01:30,430
Mas lembre-se sempre de que essa é apenas uma função de trabalho regular.

28
00:01:30,800 --> 00:01:39,260
O que o torna um componente de reação é que ele retorna esse J como X ou reage criando a lógica do elemento.

29
00:01:39,290 --> 00:01:44,150
No final das contas, se retornarmos, digamos que um objeto faça o que?

30
00:01:44,210 --> 00:01:47,590
Não seja um componente de reação e, portanto, você receberá um erro se fizer a segurança.

31
00:01:47,990 --> 00:01:53,990
Realmente tem que ser J como código X, algo que pode ser interpretado como S. J como X assim aqui.

32
00:01:54,380 --> 00:01:56,630
É assim que reage, funciona.

33
00:01:56,930 --> 00:02:02,750
E, portanto, aqui estou eu, exportando cavando meu próprio componente, porque isso é tratado como um componente e seus próprios

34
00:02:02,780 --> 00:02:05,510
componentes também podem ser usados em J e X.

35
00:02:05,570 --> 00:02:10,910
A única coisa importante é que eles devem começar com um caractere maiúsculo no arquivo em

36
00:02:10,910 --> 00:02:18,770
que você os usou em J como X, porque isso indica que não é um aplicativo de tag H Timal integrado, não seria uma

37
00:02:18,770 --> 00:02:21,560
tag incorporada, mas esse é um componente personalizado.

38
00:02:21,740 --> 00:02:26,310
E essa informação é importante para reagir e, portanto, começar com um personagem de ópera.

39
00:02:26,600 --> 00:02:30,210
Mas então você pode usar qualquer componente personalizado em J é X.

40
00:02:30,680 --> 00:02:38,150
E o mais interessante agora é que podemos construir nosso aplicativo a partir de pequenos componentes reutilizáveis e compor nossa interface

41
00:02:38,270 --> 00:02:41,390
do usuário com a ajuda de tais componentes.

42
00:02:42,060 --> 00:02:43,290
E foi por isso que não fazemos isso?

43
00:02:43,310 --> 00:02:48,390
Por que não criamos um aplicativo simples de primeira reação e vemos como as coisas funcionam juntas lá?