1 00:00:02,200 --> 00:00:07,450 Maintenant que vous avez une introduction approfondie à la façon dont vous travaillez généralement avec React 2 00:00:07,480 --> 00:00:09,120 Native et créez des applications 3 00:00:09,170 --> 00:00:10,000 React Native, 4 00:00:10,090 --> 00:00:17,350 il est bien sûr temps de creuser un peu plus et d'apprendre comment nous pouvons créer des applications qui ont fière allure 5 00:00:17,350 --> 00:00:22,510 sur les deux plates-formes, sur iOS et Android et qui ont peut-être aussi le style 6 00:00:22,960 --> 00:00:29,690 par défaut que vous attendez là-bas et bien sûr, qui ont aussi fière allure sur différents appareils, différentes tailles d'appareils. 7 00:00:29,740 --> 00:00:36,220 C'est ce qu'on appelle un design réactif, votre application doit être conçue de manière à ce qu'elle soit automatiquement parfaite 8 00:00:36,220 --> 00:00:42,400 sur toutes les tailles d'appareils possibles.Par conséquent, dans ce module, vous apprendrez tout sur les outils dont vous avez 9 00:00:42,400 --> 00:00:44,490 besoin pour cela. Plus précisément, nous 10 00:00:44,800 --> 00:00:49,320 verrons comment vous pouvez déterminer la taille de l'appareil sur lequel vous exécutez, 11 00:00:49,330 --> 00:00:55,180 donc sa largeur, sa largeur, sa hauteur et peut-être son orientation, car peut-être vous souhaitez également présenter une mise 12 00:00:55,210 --> 00:01:01,270 en page différente pour différentes orientations, pour le mode portrait et pour le mode paysage et nous allons donc 13 00:01:01,270 --> 00:01:06,130 également voir comment vous pouvez ajuster vos styles et vos mises en page en fonction 14 00:01:06,130 --> 00:01:11,500 de la taille et de l'orientation, car il existe quelques différents outils que vous obtenez par React 15 00:01:11,500 --> 00:01:11,890 Native. 16 00:01:12,700 --> 00:01:15,220 Maintenant, les tailles sont une chose, 17 00:01:15,250 --> 00:01:20,670 l'autre chose évidente que vous voudrez peut-être couvrir est la plate-forme sur laquelle vous exécutez. 18 00:01:20,680 --> 00:01:26,170 Vous créez une application que vous souhaitez généralement distribuer à la fois sur iOS et Android, 19 00:01:26,170 --> 00:01:27,880 car c'est la bonne 20 00:01:27,880 --> 00:01:34,120 chose avec React Native, vous utilisez Javascript pour obtenir une application pour plusieurs plates-formes et vous devez parfois ajuster 21 00:01:34,120 --> 00:01:40,870 votre style ou votre mise en page ou peut-être même une logique métier basée sur la plate-forme sur laquelle vous travaillez. 22 00:01:40,900 --> 00:01:47,140 Donc, vous voulez avoir une certaine mise en page ou une certaine couleur sur iOS et vous pouvez avoir une 23 00:01:47,140 --> 00:01:48,280 couleur différente sur Android, 24 00:01:48,280 --> 00:01:54,130 dans ce module, vous apprendrez comment ajuster votre code ou votre interface utilisateur en général en fonction de la 25 00:01:54,130 --> 00:01:54,880 plateforme. 26 00:01:54,880 --> 00:02:00,190 Ce sont donc les grands sujets sur lesquels nous allons plonger dans ce module et pour cela, je suis 27 00:02:00,200 --> 00:02:03,620 de retour sur l'application sur laquelle nous avons travaillé, c'est l'application 28 00:02:03,680 --> 00:02:10,550 que nous avons vue là-bas, ce quiz de base sur lequel nous avons travaillé et je veux maintenant l'étape- assurez-vous que cela a l'air bien 29 00:02:10,550 --> 00:02:16,130 sur différentes tailles d'appareils, que nous apprenons peut-être aussi comment nous pouvons changer la mise en page en fonction de 30 00:02:16,130 --> 00:02:22,610 l'espace dont nous disposons et bien sûr, je veux aussi m'assurer que nous avons peut-être aussi des looks différents en fonction de la 31 00:02:22,640 --> 00:02:24,200 plate-forme sur laquelle nous fonctionnons.