1
00:00:02,170 --> 00:00:05,170
Quindi cosa reagisce esattamente, J. S.?

2
00:00:05,710 --> 00:00:09,730
È una libreria JavaScript per la creazione di interfacce utente.

3
00:00:09,940 --> 00:00:14,380
E come tale, si tratta di eseguire JavaScript nel browser.

4
00:00:14,620 --> 00:00:18,430
È una libreria JavaScript per il codice JavaScript lato browser.

5
00:00:18,640 --> 00:00:20,300
Non è un nodo J.

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

7
00:00:21,010 --> 00:00:23,380
È un sito browser, libreria JavaScript.

8
00:00:23,980 --> 00:00:30,700
Ora, per essere precisi, la stessa React Chance viene definita libreria perché è molto

9
00:00:30,700 --> 00:00:32,410
focalizzata sull'interfaccia utente.

10
00:00:32,950 --> 00:00:39,430
Ma in realtà ha avviato un enorme ecosistema con altri pacchetti di terze parti che, ad esempio, ci

11
00:00:39,430 --> 00:00:44,890
aiutano con la gestione estesa dello stato dell'app o con il routing, il routing front-end.

12
00:00:45,190 --> 00:00:47,860
E quindi, in effetti, potresti anche definirlo un framework.

13
00:00:47,890 --> 00:00:51,760
Direi, ma queste sono semantiche, non troppo importanti in questo momento.

14
00:00:52,150 --> 00:00:55,570
Comprendiamo invece come funziona la reazione e come la utilizziamo.

15
00:00:56,500 --> 00:01:02,970
React ci aiuta a costruire interfacce utente mostrate nel browser in esecuzione nel browser, e quindi lo

16
00:01:02,980 --> 00:01:06,220
usiamo per costruire il front-end delle applicazioni Web.

17
00:01:06,310 --> 00:01:12,640
Ciò che l'utente vede reagire non viene eseguito su un server di reazione, non comunica con i database.

18
00:01:12,910 --> 00:01:20,050
Lo usiamo per costruire interfacce utente moderne altamente reattive, e lo facciamo seguendo un approccio dichiarativo, il che

19
00:01:20,080 --> 00:01:27,730
significa che in reazione noi Robert per trovare il risultato e forse diversi stati il risultato e in quale

20
00:01:27,790 --> 00:01:33,880
stato vogliamo rendere cosa e cosa un mostra cosa sullo schermo anziché i passaggi che

21
00:01:33,880 --> 00:01:35,290
portano al risultato.

22
00:01:35,680 --> 00:01:41,140
Sarebbe un approccio imperativo, che è fondamentalmente quello che abbiamo se usiamo JavaScript vaniglia

23
00:01:41,620 --> 00:01:43,660
dove dobbiamo definire ogni passo.

24
00:01:43,960 --> 00:01:47,830
Aggiungi questo elemento, aggiungi questo C è il più vicino a un elemento.

25
00:01:47,920 --> 00:01:49,420
Rimuovi questo elemento.

26
00:01:49,780 --> 00:01:51,700
Questo è ciò che facciamo in JavaScript vaniglia.

27
00:01:51,820 --> 00:01:55,180
Questo può essere interfacce utente molto ingombranti e molto complesse.

28
00:01:55,540 --> 00:02:01,390
In genere non vogliamo farlo se stiamo costruendo applicazioni più grandi perché la gestione e

29
00:02:01,390 --> 00:02:08,020
l'orchestrazione di tutti questi passaggi e la garanzia che quando qualcosa cambia, eseguiamo i passaggi giusti è molto

30
00:02:08,020 --> 00:02:15,160
soggetta a errori e richiede molto sforzo e lavoro lontano dal nostro logica aziendale reale e dalla creazione di

31
00:02:15,160 --> 00:02:22,150
belle interfacce utente e invece ci costringe a dedicare molto lavoro alle primitive JavaScript per reinventare la ruota e

32
00:02:22,150 --> 00:02:23,200
così via.

33
00:02:23,210 --> 00:02:24,340
E non vogliamo farlo.

34
00:02:24,910 --> 00:02:27,940
Quindi reagiamo mentre invece ci concentriamo sul risultato.

35
00:02:28,000 --> 00:02:31,120
E lo facciamo usando i componenti.

36
00:02:31,270 --> 00:02:34,390
Componenti è un concetto introdotto da reagire.

37
00:02:34,660 --> 00:02:40,150
Fondamentalmente, questi sono i blocchi costitutivi dell'interfaccia utente che definiamo e imparerai come farlo.

38
00:02:40,180 --> 00:02:46,720
In questo modulo, ovviamente, che definiamo e quindi componiamo la nostra interfaccia utente da questi componenti

39
00:02:46,750 --> 00:02:52,720
e ogni componente può anche definire ciò che dovrebbe rendere, in quali circostanze e

40
00:02:52,720 --> 00:02:59,740
reazioni collegherà magicamente tutto dietro le quinte e implementerà tutti questi passaggi in una scatola grigia qui per

41
00:03:00,100 --> 00:03:00,610
noi.

42
00:03:00,960 --> 00:03:04,600
Quindi non abbiamo dovuto scrivere i passaggi solo per trovare un risultato.

43
00:03:05,230 --> 00:03:06,440
Questo è reattivo.

44
00:03:06,480 --> 00:03:07,720
Sì, in poche parole.

45
00:03:07,840 --> 00:03:11,400
Ora diamo un'occhiata a come funziona effettivamente quando scriviamo del codice.