BreizhCamp 2016 #BzhCmp

#IonNsRnBzhCmp

BreizhCamp 2016 #BzhCmp

Ionic, Native Script, React native... Quel

framework mobile hybride choisir?

Stéphanie Moallic - @steffy_29

Qui suis-je ?

Stéphanie

Développeur Web & Mobile @steffy_29

Je veux une application mobile !

Comment je fais ?

Le problème

...

Les solutions

● Construire une application native○ Meilleure performance○ Un développement par plateforme

■ Consommateur en temps / argent○ Utilisation d’outils spécifiques

● Construire une application hybride

Solution hybride

Une technologie pour les développer toutes ?

Qu’est-ce qu’une application hybride ?

● Utilisation des technologies du Web○ HTML5, CSS3,

Javascript○ Accès à l’API native via

Cordova par exemple

● Applications indépendantes de la plateforme○ Une application pour

tous les systèmes○ Rapide à développer

● Performances plus «faibles»

Les frameworks hybrides

Le socle technique

Ionic

+

=

+ +

+ +

NativeScript

|

=

+ +

+ +

React Native

+

=

+ +

+

L’environnement

Ionic

Nativescript

React Native

Gestion des dépendances

Start

Ionic

● $ ionic start myapp

● $ cd myapp

● $ ionic platform add android ios

● $ionic run android ou ios

Nativescript

● $ tns create myapp

● $ cd myapp

● $ tns platform add android ios

● $ tns run android ou ios

React Native

● $ react-native init myapp

● $ cd myapp

● $ react-native run-ios ou run-android

Organisation d’un projet

Ionic

Nativescript

React Native

Code

Ionic

Nativescript

React Native

Apprentissage

Ionic

● Doc en ligne○ http://ionicframework.com/

● Blog Ionic○ http://blog.ionic.io/

● Forum○ http://forum.ionicframework.com/

● Showcase

● Communauté

Nativescript

● Doc en ligne○ https://docs.nativescript.org/

● Blog○ https://www.nativescript.org/blog

● Forum○ https://www.nativescript.org/forum

● Showcase

● Communauté

React Native

● Doc en ligne○ https://facebook.github.io/react-native/

● Showcase

● Communauté

Démo

Ionic

Nativescript

React Native

Bilan

Des questions ?