1
00:00:02,300 --> 00:00:04,970
React est une question de composants.

2
00:00:05,130 --> 00:00:05,990
Maintenant, qu'est-ce que cela signifie?

3
00:00:06,740 --> 00:00:13,010
Cette année, cette fonction est bien sûr une fonction JavaScript régulière, mais c'est aussi un composant

4
00:00:13,010 --> 00:00:13,610
React.

5
00:00:14,000 --> 00:00:15,560
Qu'est-ce qui compose un composant React?

6
00:00:16,100 --> 00:00:18,020
Un composant React peut être l'une des deux choses suivantes.

7
00:00:18,230 --> 00:00:20,750
Il peut s'agir d'une fonction qui revient.

8
00:00:20,760 --> 00:00:28,850
J dit que les actions ou les retours réagissent, créent des appels d'éléments, ou il peut s'agir d'une classe JavaScript qui a une méthode de

9
00:00:28,850 --> 00:00:29,270
rendu.

10
00:00:29,810 --> 00:00:38,420
Cette année, si je changeais, ce serait une application de classe de composant React qui étend le composant React.

11
00:00:38,430 --> 00:00:39,140
C'est important.

12
00:00:39,170 --> 00:00:43,310
Vous devez étendre le composant Reia, puis vous devez ajouter une méthode de rendu.

13
00:00:43,700 --> 00:00:46,790
Et dans cette méthode de rendu, vous retournez G. S. X.

14
00:00:47,090 --> 00:00:50,570
Il s'agit également d'un composant de réaction régulier.

15
00:00:50,570 --> 00:00:53,810
Et si je vous assure, Darfor voit la même sortie qu'auparavant.

16
00:00:53,840 --> 00:00:55,820
Cela fonctionne essentiellement de la même manière.

17
00:00:56,360 --> 00:01:01,490
Il y a quelques différences techniques dont j'ai discuté en détail dans mon réagir un cours de guide complet

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

19
00:01:02,330 --> 00:01:03,440
Ça n'a pas vraiment d'importance.

20
00:01:03,770 --> 00:01:09,320
Dans la réaction moderne, vous ne pouvez utiliser que des composants fonctionnels, donc des composants basés sur les fonctions.

21
00:01:09,680 --> 00:01:11,450
Et c'est donc ce qu'il fera dans ce cours.

22
00:01:11,510 --> 00:01:13,610
Nous allons écrire chaque composant en tant que fonction.

23
00:01:13,940 --> 00:01:15,030
Ce n'est pas indispensable.

24
00:01:15,140 --> 00:01:19,790
Et comme je l'ai mentionné dans ma réaction, un guide complet, vous découvrez les deux types et comment ils diffèrent.

25
00:01:20,030 --> 00:01:24,050
Mais l'utilisation des composants fonctionnels n'est définitivement qu'une manière moderne d'utiliser React.

26
00:01:24,320 --> 00:01:25,910
Et c'est donc ainsi que nous allons utiliser.

27
00:01:26,540 --> 00:01:30,430
Mais gardez toujours à l'esprit qu'il ne s'agit que d'une fonction régulière.

28
00:01:30,800 --> 00:01:39,260
Ce qui en fait un composant React, c'est qu'il renvoie ce J comme X ou réagit crée une logique d'élément.

29
00:01:39,290 --> 00:01:44,150
En fin de compte ici, si nous revenons, disons qu'un objet à la place fait quoi?

30
00:01:44,210 --> 00:01:47,590
Ne pas être un composant réactif et donc vous obtenez une erreur si vous sécurisez.

31
00:01:47,990 --> 00:01:53,990
Il faut vraiment que ce soit J comme code X, quelque chose qui peut être interprété comme le S. J comme X comme ça ici.

32
00:01:54,380 --> 00:01:56,630
Voilà comment ça réagit, ça marche.

33
00:01:56,930 --> 00:02:02,750
Et donc je suis là, exportez en creusant mon propre composant car cela est traité comme un composant et vos propres

34
00:02:02,780 --> 00:02:05,510
composants peuvent également être utilisés dans J comme X.

35
00:02:05,570 --> 00:02:10,910
La seule chose importante est qu'ils doivent commencer par un caractère majuscule dans le fichier où vous les

36
00:02:10,910 --> 00:02:18,770
avez utilisés dans J en tant que X, car cela indique que ce n'est pas une application de balise T H intégrée, ne serait pas une

37
00:02:18,770 --> 00:02:21,560
balise intégrée, mais que c'est un composant personnalisé.

38
00:02:21,740 --> 00:02:26,310
Et cette information est importante pour réagir et donc commencer par un personnage d'opéra.

39
00:02:26,600 --> 00:02:30,210
Mais alors vous pouvez utiliser n'importe quel composant personnalisé dans J is X.

40
00:02:30,680 --> 00:02:38,150
Et le truc cool maintenant, c'est que nous pouvons construire notre application à partir de petits composants réutilisables et composer

41
00:02:38,270 --> 00:02:41,390
notre interface utilisateur à l'aide de tels composants.

42
00:02:42,060 --> 00:02:43,290
Et est-ce pour cela que nous ne faisons pas ça?

43
00:02:43,310 --> 00:02:48,390
Pourquoi ne construisons-nous pas une application simple de première réaction et voyons comment les choses fonctionnent ensemble là-bas?