PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch

573 views
491 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
573
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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 ?

×