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

Using View Models for simpler UI

30531676aaa28c283443b2bbe04e1a7b?s=47 DAloG
September 07, 2016
Programming
1
260

Using View Models for simpler UI

30531676aaa28c283443b2bbe04e1a7b?s=128

DAloG

September 07, 2016
Tweet

More Decks by DAloG

See All by DAloG
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
0
76
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
1
650
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
1
110
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
4
430
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
5
1.3k
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
0
260
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
1
210
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
2
57
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
0
100

Other Decks in Programming

See All in Programming
22e056dcb79e14363e844f1e57986325?s=48 aratayokoyama
0
230
Dd280d6d98be3c13dfa14d63dde92299?s=48 fuga0618
1
150
Fa54d97af93719f9aa82873de3acb3b3?s=48 decoc
1
350
6ef7914944df6af99a2ca81e98087332?s=48 taoshotaro
1
370
9eca6d3a5658ef22998083a3d8e7ec44?s=48 shigeruoda
0
490
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
220
D2f212ce418f3daa29c23914c9b6892b?s=48 kenmaz
1
100
15bd11f2c2c5e3dd854153d03a102b0d?s=48 standfm
1
280
1b838da2065660793d5b26f2cdc32de7?s=48 pyama86
2
250
2b53803e5ee6d34a9cfc6aa4b94e3fea?s=48 maito1201
0
220
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
260
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
550

Featured

See All Featured
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
11
1.3k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.8k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.5k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
329
35k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
3k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
840k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
13
4.2k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
70
3.5k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.6k

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