Using View Models for simpler UI

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

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
68
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
1
630
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
1
100
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
4
420
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
5
1.2k
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
0
260
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
1
210
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
2
55
30531676aaa28c283443b2bbe04e1a7b?s=48 dalog
0
98

Other Decks in Programming

See All in Programming
1fe64ebb176498be5f73ab51986c6b7b?s=48 davidfowl
9
3.1k
404139d782ec666acea93dffc86e089f?s=48 sylph01
1
920
Acb6390b6c4b5192f40e10601b63dafc?s=48 twkiiim
0
230
841002bf24bb562253de7eb3c17ceae6?s=48 kyomo
1
150
68ba97b6be908d58de5294261a6d8638?s=48 ca_dp
0
290
3cfad86677c5966ecfe9b81955fa3489?s=48 youkan2002
0
260
58d2fa98345951d9a57fdd6cfd5d0f64?s=48 aszx87410
0
460
Ffc500baeba9a1024e2c8273203c9f90?s=48 raulh82vlc
3
1.2k
6c6b60f0440e030040a9141cab781ed0?s=48 hiboma
0
370
6139fd48daa26e786794598c4a6b546a?s=48 ninjinkun
2
320
9da5d5cc4b6a9f28058152e28364b02a?s=48 prof18
1
130
3cfad86677c5966ecfe9b81955fa3489?s=48 youkan2002
0
110

Featured

See All Featured
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
339
26k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
123
20k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
682
180k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
447
36k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
530
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
649
110k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
8
1.1k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k

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