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
210
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
660
Data-Driven View Controllers. Tips and Tricks
Avatar for DAloG dalog
5
2k
2 years of Redux in iOS. Lessons learned
Avatar for DAloG dalog
0
380
Why unidirectional architecture matter for iOS.
Avatar for DAloG dalog
1
300
Mobile backend without REST
Avatar for DAloG dalog
2
120
Self managed teams 101
Avatar for DAloG dalog
0
160

Other Decks in Programming

See All in Programming
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
Avatar for おおいし bicstone
3
520
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
Avatar for Kazuhiko Yamashita pyama86
2
2.3k
生成AIを活用したリファクタリング実践 ~コードスメルをなくすためのアプローチ
Avatar for raedion raedion
0
100
問題の見方を変える「システム思考」超入門
Avatar for panda_program panda_program
0
300
「10分以内に機能を消せる状態」 の実現のためにやっていること
Avatar for おぎ togishima
1
520
『実践MLOps』から学ぶ DevOps for ML
Avatar for Satsuki Nagae nsakki55
2
450
FlutterKaigi 2025 システム裏側
Avatar for Ryotaro Onoue yumnumm
0
1.1k
イベントストーミングのはじめかた / Getting Started with Event Storming
Avatar for nrs nrslib
1
650
JJUG CCC 2025 Fall: Virtual Thread Deep Dive
Avatar for ternbusty ternbusty
3
470
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
Avatar for Rodrigo Ramirez xpromx
0
120
Flutterアプリ運用の現場で役立った監視Tips 5選
Avatar for Takuma Osada ostk0069
1
490
知られているようで知られていない JavaScriptの仕様 4選
Avatar for syumai syumai
0
630

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.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 [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]