1
00:00:02,170 --> 00:00:05,170
Então, o que exatamente é reagir, J. S.?

2
00:00:05,710 --> 00:00:09,730
É uma biblioteca JavaScript para criar interfaces de usuário.

3
00:00:09,940 --> 00:00:14,380
E, como tal, é tudo sobre a execução de JavaScript no navegador.

4
00:00:14,620 --> 00:00:18,430
É uma biblioteca JavaScript para o código JavaScript do navegador.

5
00:00:18,640 --> 00:00:20,300
Não é um nó J.

6
00:00:20,310 --> 00:00:21,010
Biblioteca S.

7
00:00:21,010 --> 00:00:23,380
É um site de navegador, biblioteca JavaScript.

8
00:00:23,980 --> 00:00:30,700
Agora, para ser mais preciso, o próprio React Chance é chamado de biblioteca, porque é muito focado nessa coisa

9
00:00:30,700 --> 00:00:32,410
da interface do usuário.

10
00:00:32,950 --> 00:00:39,430
Mas, na verdade, ele iniciou um enorme ecossistema com outros pacotes de terceiros que, por exemplo, nos ajudam com

11
00:00:39,430 --> 00:00:44,890
o gerenciamento de estado em todo o aplicativo ou com o roteamento, roteamento de front-end.

12
00:00:45,190 --> 00:00:47,860
E, portanto, efetivamente, você também pode chamá-lo de estrutura.

13
00:00:47,890 --> 00:00:51,760
Eu diria, mas estas são semânticas, não importam muito agora.

14
00:00:52,150 --> 00:00:55,570
Em vez disso, vamos entender como a reação funciona e como a usamos.

15
00:00:56,500 --> 00:01:02,970
O React nos ajuda a criar interfaces de usuário que são mostradas no navegador que é executado no navegador e,

16
00:01:02,980 --> 00:01:06,220
portanto, usamos para criar o front-end de aplicativos da Web.

17
00:01:06,310 --> 00:01:12,640
O que o usuário vê reagir não é executado no servidor, não se comunica com os bancos de dados.

18
00:01:12,910 --> 00:01:20,050
Nós o usamos para criar interfaces de usuário modernas altamente reativas, e o fazemos seguindo uma abordagem declarativa, o que

19
00:01:20,080 --> 00:01:27,730
significa que, ao reagirmos, Robert para encontrar o resultado e talvez estados diferentes, o resultado e sob qual estado queremos renderizar o

20
00:01:27,790 --> 00:01:33,880
que e o que é um mostre o que está na tela em vez das etapas que

21
00:01:33,880 --> 00:01:35,290
levam ao resultado.

22
00:01:35,680 --> 00:01:41,140
Essa seria uma abordagem imperativa, que é basicamente o que temos se usarmos o baunilha JavaScript, onde

23
00:01:41,620 --> 00:01:43,660
precisaremos definir todas as etapas.

24
00:01:43,960 --> 00:01:47,830
Adicione este elemento, adicione este C é o mais próximo de um elemento.

25
00:01:47,920 --> 00:01:49,420
Remova este elemento.

26
00:01:49,780 --> 00:01:51,700
Isto é o que fazemos em JavaScript baunilha.

27
00:01:51,820 --> 00:01:55,180
Isso pode ser interfaces de usuário muito complicadas e complexas.

28
00:01:55,540 --> 00:02:01,390
Normalmente, não queremos fazer isso se estamos construindo aplicativos maiores, porque gerenciamos e

29
00:02:01,390 --> 00:02:08,020
orquestramos todas essas etapas e garantimos que, quando alguma coisa muda, executamos as etapas corretas e

30
00:02:08,020 --> 00:02:15,160
propensas a erros. lógica de negócios real e da criação de interfaces de usuário agradáveis e, em vez

31
00:02:15,160 --> 00:02:22,150
disso, nos obriga a gastar muito trabalho em primitivas de JavaScript para reinventar a roda e assim

32
00:02:22,150 --> 00:02:23,200
por diante.

33
00:02:23,210 --> 00:02:24,340
E nós não queremos fazer isso.

34
00:02:24,910 --> 00:02:27,940
Então, reaja enquanto nos concentramos no resultado.

35
00:02:28,000 --> 00:02:31,120
E fazemos isso usando componentes.

36
00:02:31,270 --> 00:02:34,390
Componentes é um conceito introduzido pelo react.

37
00:02:34,660 --> 00:02:40,150
Basicamente, esses são os blocos de construção da UI que definimos e você aprenderá como fazer isso.

38
00:02:40,180 --> 00:02:46,720
Neste módulo, é claro, que definimos e depois compomos nossa interface com o usuário a partir desses

39
00:02:46,750 --> 00:02:52,720
componentes e cada componente também pode definir o que deve renderizar, em que circunstância e

40
00:02:52,720 --> 00:02:59,740
reação, então, magicamente conectamos tudo nos bastidores e implementamos todas essas etapas em uma caixa cinza aqui para

41
00:03:00,100 --> 00:03:00,610
nós.

42
00:03:00,960 --> 00:03:04,600
Então, não precisamos escrever as etapas para encontrar resultados.

43
00:03:05,230 --> 00:03:06,440
Isso é reativo.

44
00:03:06,480 --> 00:03:07,720
Sim, em poucas palavras.

45
00:03:07,840 --> 00:03:11,400
Agora vamos dar uma olhada em como ele realmente funciona quando escrevemos algum código.