View
1.048
Download
7
Category
Preview:
Citation preview
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 ?
Recommended