1
00:00:02,380 --> 00:00:03,300
Qu'est-ce

2
00:00:03,310 --> 00:00:04,660
que React Native?

3
00:00:04,660 --> 00:00:06,520
Commençons par la partie React, également connue sous le

4
00:00:06,520 --> 00:00:08,190
nom de React.

5
00:00:08,200 --> 00:00:13,260
js qui est le nom de cette bibliothèque et je m'attends à ce que vous sachiez ce que React. js l'est.

6
00:00:13,360 --> 00:00:15,570
Vous n'avez pas besoin d'être un expert de React. js mais vous

7
00:00:15,580 --> 00:00:18,290
devez savoir ce que React. js l'est.

8
00:00:18,310 --> 00:00:22,450
Néanmoins, résumons brièvement ce que c'est pour que nous soyons sur la même longueur d'onde.

9
00:00:22,480 --> 00:00:25,910
C'est une bibliothèque Javascript pour construire des

10
00:00:25,930 --> 00:00:27,400
interfaces utilisateur, c'est

11
00:00:27,400 --> 00:00:35,560
la définition officielle, c'est ce que React fait au final. Il fonctionne sur Javascript et il est bon pour créer des interfaces utilisateur.

12
00:00:35,560 --> 00:00:41,420
En règle générale, nous utilisons React dans le développement Web pour créer des applications Web, mais il est important

13
00:00:41,430 --> 00:00:42,880
de comprendre que React lui-même,

14
00:00:42,880 --> 00:00:49,360
la bibliothèque ne fait aucune hypothèse sur ce que nous construisons avec, car il s'agit en fait d'une autre bibliothèque que

15
00:00:49,360 --> 00:00:54,970
vous utiliserez également lorsque vous serez créer des applications Web avec React qui est responsable du rendu de

16
00:00:54,970 --> 00:00:56,260
quelque chose à

17
00:00:56,260 --> 00:00:58,470
l'écran et c'est la bibliothèque DOM React.

18
00:00:58,570 --> 00:01:04,660
Désormais, dans chaque projet React for Web sur lequel vous travaillez, vous appellerez ReactDOM. effectuez un rendu à un moment donné et

19
00:01:04,660 --> 00:01:11,070
transférez l'application React à cette méthode pour afficher réellement quelque chose à l'écran et c'est la bibliothèque qui connaît

20
00:01:11,170 --> 00:01:18,310
le Web et sait comment rendre les éléments HTML, etc. React lui-même est indépendant de la plate-forme, c'est juste

21
00:01:18,310 --> 00:01:21,130
une bibliothèque qui est bonne pour

22
00:01:21,220 --> 00:01:27,850
construire des arbres de composants, pour savoir si quelque chose a changé, si quelque chose doit

23
00:01:28,120 --> 00:01:33,010
être restitué, pour gérer l'état, pour transmettre des données mais il le

24
00:01:33,100 --> 00:01:38,890
fait dans un résumé c'est pourquoi vous pouvez utiliser React sur n'importe quelle plateforme.

25
00:01:38,890 --> 00:01:42,490
Vous n'êtes pas limité au navigateur, au HTML, au

26
00:01:42,610 --> 00:01:50,020
Web, vous pouvez utiliser la logique que React vous donne n'importe où, c'est la partie React DOM qui sait alors

27
00:01:50,100 --> 00:01:55,420
comment travailler avec HTML et ainsi de suite et qui est super important à comprendre

28
00:01:55,420 --> 00:02:02,890
parce que c'est important quand on pense à React Native. React Native est une bibliothèque distincte qui à la fin

29
00:02:02,890 --> 00:02:08,530
est une collection de composants React spéciaux qu'elle vous donne, donc une collection de composants que vous

30
00:02:08,560 --> 00:02:15,370
pouvez utiliser dans votre application React et ces composants sont spéciaux parce que React Native sait réellement les traduire, comment

31
00:02:15,610 --> 00:02:23,410
compilez ces composants en widgets natifs pour iOS et pour Android. Donc, React Native est comme React DOM, il sait comment parler à la

32
00:02:23,410 --> 00:02:30,490
plate-forme native, à Android et iOS et comment rendre les widgets natifs et il vous donne un tas de ces widgets en tant que

33
00:02:30,490 --> 00:02:36,820
composants React afin que vous puissiez créer une interface utilisateur avec ces composants compilables pour ainsi dire parce que vous ne pourrez

34
00:02:36,820 --> 00:02:43,690
pas utiliser vos divs habituels et vos balises h1 et paragraphe dans les applications React Native car il n'y a pas d'équivalents directs

35
00:02:43,690 --> 00:02:49,620
pour cela dans le code natif, mais j'y reviendrai. Maintenant, en plus de vous donner ces composants, React Native

36
00:02:49,630 --> 00:02:55,330
est un peu plus que cela, il vous donne également accès à certaines API de plate-forme native, par

37
00:02:55,330 --> 00:02:59,740
exemple, il vous aide à utiliser la caméra de l'appareil, donc des choses comme

38
00:02:59,800 --> 00:03:05,680
ça, des tâches courantes que vous voudriez faire dans applications natives et en général, React Native vous donne des

39
00:03:05,680 --> 00:03:11,560
outils pour connecter le code Javascript au code de la plateforme native parce que vous construisez généralement une application

40
00:03:11,560 --> 00:03:17,890
React Native en écrivant principalement du code Javascript ou en fonction de l'application que vous construisez, en écrivant entièrement du code

41
00:03:17,890 --> 00:03:18,490
Javascript.

42
00:03:18,520 --> 00:03:25,600
Maintenant, je dis surtout, au moins c'est une possibilité car vous pouvez également écrire du code natif pour iOS ou Android et React Native

43
00:03:25,840 --> 00:03:30,670
vous donne les outils pour connecter votre code Javascript à ce code natif, bien que

44
00:03:30,670 --> 00:03:36,310
ce soit un peu plus avancé et dans de nombreuses applications, vous n'aura jamais besoin de cela et, par

45
00:03:36,310 --> 00:03:42,460
conséquent, React Native vous offre une flexibilité totale, il vous donne un moyen de connecter Javascript au code natif et il

46
00:03:42,460 --> 00:03:48,090
vous donne également beaucoup de fonctionnalités natives prédéfinies qui sont facilement utilisables depuis l'intérieur de votre code Javascript.

47
00:03:48,280 --> 00:03:54,550
Donc, si vous combinez ensuite React Native et les fonctionnalités qui vous donnent avec React. js qui sait comment mettre à jour une interface utilisateur

48
00:03:54,910 --> 00:04:00,700
et comment contrôler une interface utilisateur, puis vous obtenez tout ce dont vous avez besoin pour compiler une véritable application

49
00:04:00,700 --> 00:04:06,730
mobile native et c'est aussi ce que React Native vous donne, il vous donne tout ce dont vous avez besoin pour

50
00:04:06,730 --> 00:04:12,780
ensuite prendre votre Javascript coder et compiler cela vers une véritable application mobile native que vous pouvez ensuite expédier à l'App

51
00:04:12,780 --> 00:04:16,760
Store pour iOS ou au Google Play Store pour Android, de sorte que vous

52
00:04:16,870 --> 00:04:19,840
obtenez une véritable application mobile native à la fin.