Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AsyncDisplayKit

Avatar for Stéphane G. Stéphane G.
June 06, 2016
Programming
0
68

 AsyncDisplayKit

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

Avatar for Stéphane G.

Stéphane G.

June 06, 2016
Tweet

More Decks by Stéphane G.

See All by Stéphane G.
Swift Server with Vapor
Avatar for Stéphane G. gonzo_oin
0
300

Other Decks in Programming

See All in Programming
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
150
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
140
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
170
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
240
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
760
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
0
120

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
50
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Side Projects
Avatar for Sacha Greif sachag
455
43k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k

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 [email protected] @Gonzo_Oin

  24. MERCI Stéphane Gérardot [email protected] @Gonzo_Oin

  25. MERCI Stéphane Gérardot [email protected] @Gonzo_Oin

  26. MERCI Stéphane Gérardot [email protected] @Gonzo_Oin

  27. MERCI Stéphane Gérardot [email protected] @Gonzo_Oin

  28. MERCI Stéphane Gérardot [email protected] @Gonzo_Oin

  29. MERCI Stéphane Gérardot [email protected] @Gonzo_Oin