PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch

670 vues

Publié le

Retour d'expérience sur PhoneGap Build et Sencha Touch dans le contexte Pix2know, à l'occasion du 6ème Meetup PhoneGap Paris.

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
670
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch

  1. 1. www.pix2know.com PhoneGap Build Sencha Touch Sébastien Le Marchand @slemarchand PhoneGap Paris Meetup #6 – 16 décembre 2013 – Pépinière 27
  2. 2. 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
  3. 3. PhoneGap Build Très pratique au départ... … mais pas suffisant sur le long terme
  4. 4. 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 ✔
  5. 5. « The all-in-one, top secret, monolithic solution » Julien
  6. 6. Exemple de feature non documentée : scrollDock Ext.define('MyApp.view.MyList', { extend: 'Ext.dataview.List', xtype: 'mylist', config: { items: [ { scrollDock: 'top', ... } ...
  7. 7. MVC
  8. 8. HTML généré → CSS plus difficile à produire
  9. 9. Quelle approche retenir ? 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
  10. 10. Et les perfs ? 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
  11. 11. MVC
  12. 12. Garder le contrôle sur ses contrôleurs 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)
  13. 13. MVC
  14. 14. Store et Model Comportements inattendus Relations entre modèles useCache currentPage
  15. 15. Offline Démarrage en offline : DIY ! Problématique des images : imgcache.js Pour aller plus loin : winch.io
  16. 16. Quelles leçons retenir ?

×