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

Using View Models for simpler UI

DAloG
September 07, 2016
Programming
1
320

Using View Models for simpler UI

DAloG

September 07, 2016
Tweet

More Decks by DAloG

See All by DAloG
State normalization (RU)
dalog
0
160
Redux + MQTT
dalog
1
760
От задач к проблемам
dalog
1
230
Unlimited power of Data-Driven UI
dalog
4
610
Data-Driven View Controllers. Tips and Tricks
dalog
5
1.8k
2 years of Redux in iOS. Lessons learned
dalog
0
340
Why unidirectional architecture matter for iOS.
dalog
1
270
Mobile backend without REST
dalog
2
89
Self managed teams 101
dalog
0
130

Other Decks in Programming

See All in Programming
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
510
iOSでQRコード生成奮闘記
ktcryomm
2
130
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
オレを救った Cline を紹介する
codehex
15
14k
Go 1.24でジェネリックになった型エイリアスの紹介
syumai
2
300
Jakarta EE meets AI
ivargrimstad
0
660
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
640
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
410
複数のAWSアカウントから横断で 利用する Lambda Authorizer の作り方
tc3jp
0
130
DevNexus - Create AI Infused Java Apps with LangChain4j
kdubois
0
130
.NET Frameworkでも汎用ホストが使いたい！
tomokusaba
0
210
Domain-Driven Design (Tutorial)
hschwentner
13
22k

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Git: the NoSQL Database
bkeepers
PRO
428
65k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Producing Creativity
orderedlist
PRO
344
40k
Speed Design
sergeychernyshev
28
820
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Side Projects
sachag
452
42k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
We Have a Design System, Now What?
morganepeng
51
7.4k
The World Runs on Bad Software
bkeepers
PRO
67
11k

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 dalog@me.com 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 ? dalog@me.com

  68. @daloog #iosdevuk Questions? dalog@me.com