![](https://www.react-europe.org/images/reacteurope.png)
Quel avenir pour les UI ?
et son début de réponse donnée à React-Europe
![](https://s3.amazonaws.com/media-p.slid.es/uploads/243495/images/3919707/plus2dev.png)
@florentduveau
Florent DUVEAU
Lead Front @ Canal+
Créateur de react-keys
Etat de l'art du Front
![](https://media2.giphy.com/media/l3vR7aXoQX0OdHi48/giphy.gif)
![](https://media1.giphy.com/media/12kcL3ZC2W9vyM/giphy.gif)
![](https://media2.giphy.com/media/p8Uw3hzdAE2dO/200.webp#6-grid3)
![](https://recyclage-mobile.sfr.fr/media/devices/mobile/samsung/galaxy_s6_edge/black/front/samsung-galaxy-s6-edge-noir-large-front.png)
![](http://mobile.free.fr/fiche_mobile/apple/iPhone_6s/grisSideral/32go/images/1.jpg)
![](http://www.etr.fr/articles_images/90103-pc.jpg)
![](https://designcode.io/cloud/ios9-ipad/ipad.jpg)
![](http://images.samsung.com/is/image/samsung/p5/au/tablets/galaxy-tab-s2.png)
![](http://image.darty.com/hifi_video/televiseurs-led/grand_ecran_led/samsung_ue55ku6070_4k_uhd_k1603294215648A_103332683.jpg)
![](https://cdn.arstechnica.net/wp-content/uploads/sites/3/2016/10/Oculus-Rift-vs-HTC-Vive-vs-PlayStation-VR-1.jpg)
![](https://www.tesla.com/tesla_theme/assets/img/modals/model-select-models.png?20160811)
![](http://cdn1.alphr.com/sites/alphr/files/styles/16x9_540/public/images/dir_424/it_photo_212296.png?itok=SSm3gWDf)
Conséquences et problèmes
Team mobile
Team web
Team tv
Team R&D
Team Design
TROP CHER
TROP LONG
UX HETEROGENE
![](https://media3.giphy.com/media/l0HlPPEI6ZdwA2NCo/giphy.gif)
![](http://www.erlen.co.uk/wp-content/uploads/2017/02/instagram-logo-re-design-2016_v2.png)
![](http://plotcopias.com.br/png/icone-whatsapp.png)
![](http://www.etr.fr/images/891-logo-oculus-vr.png)
![](https://8sph.azureedge.net/media/Default/_Profiles/8f14fafe/ae24358d/reactjs.png?v=636119954010000000)
Rappels Historiques
2015
2016
2017
1ère React-Europe
STATE (Flux)
DATA (GraphQL)
2ème React-Europe
DATA (GraphQL)
MOBILE (ReactNative)
3ème React-Europe
CROSS (React-Native)
VR (React-VR)
ANIMATIONS
![](http://angular.github.io/react-native-renderer/assets/react.png)
React Native
Team Web
Team Android
Team iOS
Team TV
![](http://www.etr.fr/articles_images/90103-pc.jpg)
![](http://mobile.free.fr/fiche_mobile/apple/iPhone_6s/grisSideral/32go/images/1.jpg)
![](https://designcode.io/cloud/ios9-ipad/ipad.jpg)
![](https://recyclage-mobile.sfr.fr/media/devices/mobile/samsung/galaxy_s6_edge/black/front/samsung-galaxy-s6-edge-noir-large-front.png)
![](http://images.samsung.com/is/image/samsung/p5/au/tablets/galaxy-tab-s2.png)
![](http://image.darty.com/hifi_video/televiseurs-led/grand_ecran_led/samsung_ue55ku6070_4k_uhd_k1603294215648A_103332683.jpg)
TEAM
Exemple du
![](https://media3.giphy.com/media/rwKnRqcw55nqM/giphy.gif)
<Header>
<Menu>
<Item>Films</Item>
<Item>Series</Item>
<Item>Documentaires</Item>
</Menu>
<ButtonGroup>
<Button>Connexion</Button>
<Button>S'inscrire</Button>
</ButtonGroup>
</Header>
![](https://media.giphy.com/media/RqbkeCZGgipSo/giphy.gif)
- Quels styles ?
- Quels comportements ?
- Quelles animations ?
Le cas Instagram
2017 : Passage des apps iOS & Android sous React Native
Code partagé
- Post Promote: 99%
- SMS Captcha Checkpoint: 97%
- Comment Moderation: 85%
- Lead Gen Ads: 87%
- Push Notification Settings: 92%
Embrasser le futur
iOS
Android
Web
Design
![](http://angular.github.io/react-native-renderer/assets/react.png)
Equipe produit
RAPIDE - ECONOMIQUE - HOMOGENE
Composants
Point des balles
- Le futur est déjà là pour les devs iOS & Android
- Ca va être dur mais on va y arriver pour les autres
- Pensons components
Voilà.
Quel avenir pour les UI
By Florent DUVEAU
Quel avenir pour les UI
- 1,269