
Quel avenir pour les UI ?
et son début de réponse donnée à React-Europe

@florentduveau
Florent DUVEAU
Lead Front @ Canal+
Créateur de react-keys
Etat de l'art du Front












Conséquences et problèmes
Team mobile
Team web
Team tv
Team R&D
Team Design
TROP CHER
TROP LONG
UX HETEROGENE





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

React Native
Team Web
Team Android
Team iOS
Team TV






TEAM
Exemple du

<Header>
<Menu>
<Item>Films</Item>
<Item>Series</Item>
<Item>Documentaires</Item>
</Menu>
<ButtonGroup>
<Button>Connexion</Button>
<Button>S'inscrire</Button>
</ButtonGroup>
</Header>

- 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

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,270