1
00:00:02,170 --> 00:00:05,170
Alors, qu'est-ce que c'est exactement réagir, J. S.?

2
00:00:05,710 --> 00:00:09,730
C'est une bibliothèque JavaScript pour créer des interfaces utilisateur.

3
00:00:09,940 --> 00:00:14,380
Et en tant que tel, il s'agit de lancer JavaScript dans le navigateur.

4
00:00:14,620 --> 00:00:18,430
C'est une bibliothèque JavaScript pour le code JavaScript côté navigateur.

5
00:00:18,640 --> 00:00:20,300
Ce n'est pas un nœud J.

6
00:00:20,310 --> 00:00:21,010
Bibliothèque S.

7
00:00:21,010 --> 00:00:23,380
C'est un site de navigateur, une bibliothèque JavaScript.

8
00:00:23,980 --> 00:00:30,700
Maintenant, pour être précis, React Chance lui-même est appelé une bibliothèque car il est très concentré

9
00:00:30,700 --> 00:00:32,410
sur cette interface utilisateur.

10
00:00:32,950 --> 00:00:39,430
Mais cela a en fait commencé un énorme écosystème avec d'autres packages tiers qui, par exemple, nous aident

11
00:00:39,430 --> 00:00:44,890
à la gestion de l'état à l'échelle de l'application ou au routage, au routage frontal.

12
00:00:45,190 --> 00:00:47,860
Et donc, effectivement, vous pourriez aussi l'appeler un cadre.

13
00:00:47,890 --> 00:00:51,760
Je dirais, mais ce sont des sémantiques, pas trop importées en ce moment.

14
00:00:52,150 --> 00:00:55,570
Comprenons plutôt comment fonctionne React et comment nous l'utilisons.

15
00:00:56,500 --> 00:01:02,970
React nous aide à construire des interfaces utilisateur qui sont affichées dans le navigateur qui s'exécutent dans le navigateur, et

16
00:01:02,980 --> 00:01:06,220
donc nous l'utilisons pour construire le front-end des applications Web.

17
00:01:06,310 --> 00:01:12,640
Ce que l'utilisateur voit réagir ne s'exécute pas sur un serveur, ne communique pas avec les bases de données.

18
00:01:12,910 --> 00:01:20,050
Nous l'utilisons pour construire des interfaces utilisateur modernes très réactives, et nous le faisons en suivant une approche déclarative,

19
00:01:20,080 --> 00:01:27,730
ce qui signifie qu'en réagissant, nous Robert pour trouver le résultat et peut-être différents états le résultat et sous quel état

20
00:01:27,790 --> 00:01:33,880
nous voulons rendre quoi et quoi montrer, ce qui à l'écran au lieu des étapes qui

21
00:01:33,880 --> 00:01:35,290
mènent au résultat.

22
00:01:35,680 --> 00:01:41,140
Ce serait une approche impérative, qui est fondamentalement ce que nous avons si nous utilisons du JavaScript vanille

23
00:01:41,620 --> 00:01:43,660
où nous devons définir chaque étape.

24
00:01:43,960 --> 00:01:47,830
Ajoutez cet élément, ajoutez ce C est aussi proche d'un élément.

25
00:01:47,920 --> 00:01:49,420
Supprimez cet élément.

26
00:01:49,780 --> 00:01:51,700
C'est ce que nous faisons en JavaScript vanille.

27
00:01:51,820 --> 00:01:55,180
Cela peut être des interfaces utilisateur très lourdes et très complexes.

28
00:01:55,540 --> 00:02:01,390
Nous ne voulons généralement pas le faire si nous construisons de plus grandes applications, car la gestion

29
00:02:01,390 --> 00:02:08,020
et l'orchestration de toutes ces étapes et la garantie que lorsque quelque chose change, nous exécutons les bonnes étapes est

30
00:02:08,020 --> 00:02:15,160
très sujet aux erreurs et prend beaucoup d'efforts et de travail loin de notre la logique métier réelle et la construction

31
00:02:15,160 --> 00:02:22,150
de jolies interfaces utilisateur et nous obligent à la place à consacrer beaucoup de travail aux primitives JavaScript pour réinventer la

32
00:02:22,150 --> 00:02:23,200
roue, etc.

33
00:02:23,210 --> 00:02:24,340
Et nous ne voulons pas faire ça.

34
00:02:24,910 --> 00:02:27,940
Donc, réagissez alors que nous nous concentrons plutôt sur le résultat.

35
00:02:28,000 --> 00:02:31,120
Et nous le faisons en utilisant des composants.

36
00:02:31,270 --> 00:02:34,390
Composants est un concept introduit par react.

37
00:02:34,660 --> 00:02:40,150
Fondamentalement, ce sont des blocs de construction d'interface utilisateur que nous définissons et vous apprendrez comment vous y prendre.

38
00:02:40,180 --> 00:02:46,720
Dans ce module, bien sûr, que nous définissons, puis nous composons notre interface utilisateur à partir de ces composants

39
00:02:46,750 --> 00:02:52,720
et chaque composant peut également définir ce qu'il doit rendre, dans quelles circonstances et réagir va ensuite,

40
00:02:52,720 --> 00:02:59,740
comme par magie, câbler tout dans les coulisses et mettre en œuvre toutes ces étapes dans une boîte grise ici pour

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

42
00:03:00,960 --> 00:03:04,600
Nous n'avons donc pas eu à écrire les étapes pour simplement trouver un résultat.

43
00:03:05,230 --> 00:03:06,440
C'est réactif.

44
00:03:06,480 --> 00:03:07,720
Oui, en un mot.

45
00:03:07,840 --> 00:03:11,400
Voyons maintenant comment cela fonctionne lorsque nous écrivons du code.