AsyncDisplayKit

Améliorer la réactivé de votre application avec ce framework

Transcript

1. http://asyncdisplaykit.org
2. ASYNCDISPLAYKIT UN SEUL BUT LA RÉACTIVITÉ
3. RÉACTIVITÉ Clic souris Tap ~100-200 ms ~50-100 ms ~5-10 ms Swipe TEMPS D’ATTENTE MAXIMUM
4. RÉACTIVITÉ CAS NORMAL ACTIONS UTILISATEUR SCROLL, TAP, ETC… PRÉPARATION DU CONTENU RÉSEAU, LAYOUT, RENDERING
5. RÉACTIVITÉ AVEC ASYNCDISPLAYKIT ACTIONS UTILISATEUR SCROLL, TAP, ETC… PRÉPARATION DU CONTENU RÉSEAU, LAYOUT, RENDERING
6. RÉACTIVITÉ COMMENT ? INTÉRACTIONS BLOQUÉES App qui ne répond pas ou qui lag TEMPS D’ATTENTE Attente réseau pour préparer le contenu
7. INTÉRACTIONS BLOQUÉES QUI BLOQUE LES INTERACTIONS ? IOS MAIN THREAD
8. INTÉRACTIONS BLOQUÉES QUI BLOQUE LES INTERACTIONS ? UIKit Créer Manipuler Détruire Render Texte Image Dessins Aa Layout Mesure du texte Positions IOS MAIN THREAD
9. INTÉRACTIONS BLOQUÉES LE PROBLÈME MAIN THREAD UIView CALayer Everything on screen User interactions .layer .delegate
10. INTÉRACTIONS BLOQUÉES LA SOLUTION ASYNCDISPLAYKIT MAIN THREAD CALayer Everything on screen UIView User interactions .layer .delegate ANY THREAD ASNode UIKit Extension .view .delegate
11. INTÉRACTIONS BLOQUÉES LA SOLUTION ASYNCDISPLAYKIT MAIN THREAD CALayer Everything on screen UIView User interactions ANY THREAD ASNode UIKit Extension .view .delegate OU
12. ASYNCDISPLAYKIT WHAT’S IN THE BOX ? ASCellNode ASCollectionNode ASTableNode ASControlNode ASDisplayNode ASTextNode ASImageNode ASInsetLayoutSpec ASLayoutOptions ASLayoutSpec ASTableNode ASNetworkImageNode ASOverlayLayoutSpec ASScrollNode ASStackLayoutSpec ASStaticLayoutSpec ASTableView ASTextCellNode ASBackgroundLayoutSpec
13. ASYNCDISPLAYKIT NODES ASCellNode ASCollectionNode ASTableNode ASControlNode ASDisplayNode ASTextNode ASImageNode ASInsetLayoutSpec ASLayoutOptions ASLayoutSpec ASTableNode ASNetworkImageNode ASOverlayLayoutSpec ASScrollNode ASStackLayoutSpec ASStaticLayoutSpec ASTableView ASTextCellNode ASBackgroundLayoutSpec
14. ASYNCDISPLAYKIT NODE CONTAINERS ASCellNode ASCollectionNode ASTableNode ASControlNode ASDisplayNode ASTextNode ASImageNode ASInsetLayoutSpec ASLayoutOptions ASLayoutSpec ASTableNode ASNetworkImageNode ASOverlayLayoutSpec ASScrollNode ASStackLayoutSpec ASStaticLayoutSpec ASTableView ASTextCellNode ASBackgroundLayoutSpec ASPagerNode ASViewController
15. ASYNCDISPLAYKIT LAYOUT ASCellNode ASCollectionNode ASCollectionView ASControlNode ASDisplayNode ASTextNode ASImageNode ASInsetLayoutSpec ASLayout ASLayoutSpec ASTableNode ASNetworkImageNode ASOverlayLayoutSpec ASScrollNode ASStackLayoutSpec ASStaticLayoutSpec ASTableView ASTextCellNode ASBackgroundLayoutSpec
16. TEMPS D’ATTENTE ASTABLENODE ‣ TABLEVIEW TOUJOURS FLUIDE VISIBLE
17. TEMPS D’ATTENTE ASTABLENODE ‣ TABLEVIEW TOUJOURS FLUIDE RENDER VISIBLE
18. TEMPS D’ATTENTE ASTABLENODE ‣ TABLEVIEW TOUJOURS FLUIDE RENDER VISIBLE NETWORK ‣ PRÉCHARGEMENT INTELLIGENT
19. TEMPS D’ATTENTE ASTABLENODE ‣ TABLEVIEW TOUJOURS FLUIDE ‣ PRÉCHARGEMENT INTELLIGENT ‣ TAILLE DYNAMIQUE ET AUTOMATIQUE
20. RÉACTIVITÉ COMMENT ? INTÉRACTIONS BLOQUÉES App qui ne répond pas ou qui lag TEMPS D’ATTENTE Attente réseau pour préparer le contenu
21. RÉACTIVITÉ LE PRIX À PAYER INTERFACE BUILDER
22. RÉACTIVITÉ LE PRIX À PAYER AUTOLAYOUT = MAIN THREAD
23. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin
24. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin
25. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin
26. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin
27. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin
28. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin
29. MERCI Stéphane Gérardot stephane.gerardot@wizbii.com @Gonzo_Oin