PhoneGap Build Sencha Touch
Sébastien Le Marchand @slemarchand
PhoneGap Paris Meetup #6 – 16 décembre 2013 – Pépinière 27
www.pix2know.com
Quizz Photo Social
Cibles : iPhone & Android
Début développement : avril 2013
Pivot : plus ludique → focus sur le design
Beta privée depuis septembre 2013
Sencha Touch : la minute marketing :-)
✔ Plus de 50 composants intégrés✔ Thèmes pour les plateformes les plus courantes✔ Architecture MVC intégrée✔ Scrolling et animation fluides✔ Mise en page adaptative✔ Packaging natif✔ Editeur visuel Sencha Architect
Exemple de feature non documentée : scrollDock
Ext.define('MyApp.view.MyList', { extend: 'Ext.dataview.List', xtype: 'mylist', config: {
items: [ { scrollDock: 'top', ... } ...
Pas de charting en JS
Pas de mixins saas « Sencha-centric »
Propriété cls renseignée sur chaque view
1 view .js = 1 fichier .scss
Considérer la directive !important
Quelle approche retenir ?
Les dégradations de performance sont beaucoup
plus sensibles à la taille du DOM sous Android
que sous iOS
→ passage entre tabs
→ scroll de listes riches
Et les perfs ?
N'utiliser les getters sur les refs que pour des vues « singleton »
Utiliser le passage de paramètres des controls
Mettre du code dans les views (helpers, events)
Garder le contrôle sur ses contrôleurs
Offline
Démarrage en offline : DIY !
Problématique des images : imgcache.js
Pour aller plus loin : winch.io