1
00:00:02,370 --> 00:00:04,560
Une partie cruciale de React

2
00:00:04,680 --> 00:00:07,900
Native est constituée de ces composants qui sont intégrés à

3
00:00:07,920 --> 00:00:13,340
React Native car, comme vous l'avez appris dans la première section de ce cours, ce sont

4
00:00:13,350 --> 00:00:21,420
des composants spéciaux pour lesquels React Native sait comment traduire, comment les compiler en widgets de plateforme natifs et vous ne peut utiliser ces

5
00:00:21,420 --> 00:00:23,730
composants que dans les applications React Native.

6
00:00:23,790 --> 00:00:29,070
Vous pouvez créer vos propres composants, mais ceux-ci doivent finalement être constitués de ces composants intégrés, vous ne

7
00:00:29,190 --> 00:00:29,910
pouvez pas

8
00:00:30,000 --> 00:00:33,390
utiliser de divs ou de paragraphes ou quelque chose comme ça.

9
00:00:33,600 --> 00:00:38,550
Nous devons donc travailler avec ceux intégrés dans React Native car là React Native sait comment les traduire

10
00:00:38,550 --> 00:00:43,640
et là, nous avons des choses comme la vue, le texte, le bouton, la saisie de texte tactile,

11
00:00:43,650 --> 00:00:46,620
l'image, ce sont quelques-uns des composants que vous verrez

12
00:00:46,620 --> 00:00:51,150
tout au long de ce cours, il y en a plus et nous en verrons beaucoup

13
00:00:51,150 --> 00:00:58,620
tout au long du cours et vous apprendrez comment travailler avec ceux-ci, comment les configurer et comment composer de belles interfaces utilisateur à l'aide de ces composants.

14
00:00:58,620 --> 00:01:04,500
Maintenant, comme je viens de le mentionner, vous construisez vos interfaces utilisateur, vos composants personnalisés à l'aide

15
00:01:04,500 --> 00:01:11,130
de ces composants intégrés ici, de sorte que vous composez votre interface utilisateur, vos composants à partir de ces composants

16
00:01:11,160 --> 00:01:16,830
intégrés là-bas et cela ressemble à ceci . Vous créez votre propre composant My Title en prenant ceux intégrés et en

17
00:01:16,830 --> 00:01:23,520
les mélangeant et en les assortissant pour obtenir l'apparence ou le composant dont vous avez besoin. Le style est également un élément important dans

18
00:01:23,520 --> 00:01:28,770
les applications React Native et il est important de comprendre que React Native n'utilise pas

19
00:01:28,860 --> 00:01:35,070
les technologies Web, qu'il n'utilise pas HTML, il utilise sans doute Javascript mais n'utilise pas HTML et il

20
00:01:35,070 --> 00:01:41,580
n'utilise pas non plus CSS, donc le CSS que vous utilisez pour le style sur le Web n'est pas

21
00:01:41,580 --> 00:01:50,010
pris en charge dans React Native mais il vous donne des commandes de style, une configuration de style que vous pouvez ajouter à vos

22
00:01:50,010 --> 00:01:55,740
composants, donc à ces composants qui sont intégrés dans React Native soit à l'aide de inline

23
00:01:55,830 --> 00:02:02,580
styles ou avec ce qu'on appelle des objets de feuille de style et là, vous écrivez ces instructions de style

24
00:02:02,580 --> 00:02:09,990
en Javascript mais vous utilisez une syntaxe basée sur CSS. Ce n'est donc pas directement lié au CSS, mais bien sûr, il est

25
00:02:10,170 --> 00:02:17,310
influencé par le CSS, de nombreuses instructions que vous utilisez ici sont inspirées du CSS et de nombreuses règles ou propriétés que vous connaissez du

26
00:02:17,310 --> 00:02:24,420
CSS fonctionnent également ici en Javascript, dans votre application React Native . Maintenant, en ce qui concerne les styles en ligne vs

27
00:02:24,420 --> 00:02:30,810
les objets de feuille de style, je montrerai les deux, mais je dirai déjà que l'utilisation de l'objet de feuille

28
00:02:30,840 --> 00:02:34,800
de style est préférable, mais j'y reviendrai une fois que nous l'aurons utilisé.

29
00:02:34,910 --> 00:02:39,450
Et avec cela, maintenant que nous savons à peu près ce qui se passe avec les composants et

30
00:02:39,550 --> 00:02:43,220
le style, pourquoi ne pas simplement commencer et commencer à travailler avec ces choses?