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

Using View Models for simpler UI

Avatar for DAloG DAloG
September 07, 2016
Programming
1
330

Using View Models for simpler UI

Avatar for DAloG

DAloG

September 07, 2016
Tweet

More Decks by DAloG

See All by DAloG
State normalization (RU)
Avatar for DAloG dalog
0
190
Redux + MQTT
Avatar for DAloG dalog
1
780
От задач к проблемам
Avatar for DAloG dalog
1
260
Unlimited power of Data-Driven UI
Avatar for DAloG dalog
4
640
Data-Driven View Controllers. Tips and Tricks
Avatar for DAloG dalog
5
1.9k
2 years of Redux in iOS. Lessons learned
Avatar for DAloG dalog
0
370
Why unidirectional architecture matter for iOS.
Avatar for DAloG dalog
1
290
Mobile backend without REST
Avatar for DAloG dalog
2
110
Self managed teams 101
Avatar for DAloG dalog
0
150

Other Decks in Programming

See All in Programming
Quality Gates in the Age of Agentic Coding
Avatar for Hélio Medeiros helmedeiros
PRO
1
120
階層化自動テストで開発に機動力を
Avatar for ICKX ickx
1
470
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜（奥田りさ）The Basics of Agent Development with ADK — A Demo-Focused Introduction
Avatar for RisaTube risatube
PRO
6
1.4k
新世界の理解
Avatar for Akihito Koriyama koriym
0
130
構造化・自動化・ガードレール - Vibe Coding実践記 -
Avatar for ふくすけ tonegawa07
0
170
リバースエンジニアリング新時代へ！
GhidraとClaude DesktopをMCPで繋ぐ/findy202507
Avatar for @tkmru tkmru
7
1.7k
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
Avatar for 幡ヶ谷亭直吉 hiliteeternal
0
370
Claude Code と OpenAI o3 で メタデータ情報を作る
Avatar for laket laket
0
110
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
Avatar for panda_program panda_program
3
710
実践 Dev Containers × Claude Code
Avatar for Yuto Akiba touyu
1
120
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
1
220
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
Avatar for SEGADevTech segadevtech
2
730

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Navigating Team Friction
Avatar for Lara Hogan lara
188
15k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.5k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k

Transcript

  1. @daloog #iosdevuk Component Driven …and modular UI code with ViewModel

    Alexey Demedetskyi

  2. @daloog #iosdevuk https://www.youtube.com/watch?v=dJUEkjxylBw

  3. @daloog #iosdevuk Alexey Demedetskyi [email protected] Github Speakerdeck iOS Team lead

    @ Sigma Software

  4. @daloog #iosdevuk MVVM: 2012 - 2015 MVC: 2009 - 2011

    Redux: 2015 - …

  5. @daloog #iosdevuk MVVM

  6. @daloog #iosdevuk How to MVVM 1. Extract ViewModel from ViewController

    2. ??? 3. Good design https://sharpfivesoftware.com/2016/07/20/mvvm-is-lipstick-on-a-pig/

  7. @daloog #iosdevuk

  8. @daloog #iosdevuk View Models

  9. @daloog #iosdevuk “Design is never done.”

  10. @daloog #iosdevuk

  11. @daloog #iosdevuk Art

  12. @daloog #iosdevuk Art Engineering

  13. @daloog #iosdevuk

  14. @daloog #iosdevuk Feedback loop

  15. @daloog #iosdevuk Definition of done

  16. @daloog #iosdevuk Better tools

  17. @daloog #iosdevuk Better result

  18. @daloog #iosdevuk Art Engineering UI - ?

  19. @daloog #iosdevuk Art Engineering UI

  20. @daloog #iosdevuk UI is the hardest CS problem

  21. @daloog #iosdevuk

  22. @daloog #iosdevuk

  23. @daloog #iosdevuk

  24. @daloog #iosdevuk

  25. @daloog #iosdevuk

  26. @daloog #iosdevuk

  27. @daloog #iosdevuk Zero* dependency** rule*** * - not actually zero

    ** - internal is ok *** - not a rule at all

  28. @daloog #iosdevuk TDD?

  29. @daloog #iosdevuk

  30. @daloog #iosdevuk Singletons

  31. @daloog #iosdevuk Dependency net ViewController Network Database DataModel Application

  32. @daloog #iosdevuk Dependency tree ViewController Network Database DataModel Application View

  33. @daloog #iosdevuk Parent is always responsible for child dependencies

  34. @daloog #iosdevuk Module External dependency

  35. @daloog #iosdevuk Module Internal dependency

  36. @daloog #iosdevuk Module context always should be external

  37. @daloog #iosdevuk Zero dependency UI?

  38. @daloog #iosdevuk Component UI

  39. @daloog #iosdevuk

  40. @daloog #iosdevuk

  41. @daloog #iosdevuk

  42. @daloog #iosdevuk Action

  43. @daloog #iosdevuk https://medium.com/swift-fox/react-native-native-28e37f7de1ae#.x3l8sip38 Native React Native

  44. @daloog #iosdevuk VM == Props

  45. @daloog #iosdevuk MVVM

  46. @daloog #iosdevuk React

  47. @daloog #iosdevuk VM + Dynamic Animations, partial updates, etc.

  48. @daloog #iosdevuk Deposit Time

  49. @daloog #iosdevuk Deposit Time

  50. @daloog #iosdevuk Deposit Time + + - - -

  51. @daloog #iosdevuk State = f(t)

  52. @daloog #iosdevuk Event = ΔState

  53. @daloog #iosdevuk State = ∫Event

  54. @daloog #iosdevuk

  55. @daloog #iosdevuk CQRS Event sourcing

  56. @daloog #iosdevuk

  57. @daloog #iosdevuk Data driven

  58. @daloog #iosdevuk Data driven

  59. @daloog #iosdevuk VM + Complexity Containers, transition

  60. @daloog #iosdevuk https://medium.com/@dan_abramov/smart-and- dumb-components-7ca2f9a7c7d0#.62d4jggzw

  61. @daloog #iosdevuk FriendsList VC Friend VC FriendsList VM Friend VM

  62. @daloog #iosdevuk

  63. @daloog #iosdevuk

  64. @daloog #iosdevuk Shared state

  65. @daloog #iosdevuk http://redux.js.org

  66. @daloog #iosdevuk ReSwift https://github.com/ReSwift/ReSwift

  67. @daloog #iosdevuk P == NP ? [email protected]

  68. @daloog #iosdevuk Questions? [email protected]