Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Using View Models for simpler UI

Avatar for DAloG DAloG
September 07, 2016
Programming
370
1

Using View Models for simpler UI

Avatar for DAloG

DAloG

September 07, 2016

More Decks by DAloG

See All by DAloG
State normalization (RU)
Avatar for DAloG dalog
0
260
Redux + MQTT
Avatar for DAloG dalog
1
840
От задач к проблемам
Avatar for DAloG dalog
1
290
Unlimited power of Data-Driven UI
Avatar for DAloG dalog
4
720
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
430
Why unidirectional architecture matter for iOS.
Avatar for DAloG dalog
1
340
Mobile backend without REST
Avatar for DAloG dalog
2
160
Self managed teams 101
Avatar for DAloG dalog
0
210

Other Decks in Programming

See All in Programming
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
160
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
Avatar for siroemk siroemk
2
610
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
8.5k
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
120
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150
AIで開発が速くなった先で、開発チームは何を目指すか
Avatar for Yuki Shiho shihochan
0
1.5k
AmebaブログはKMPから卒業します
Avatar for 伊藤光次郎 kmars0605
0
200
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
170
月間100万人のサービス刷新で、 技術選定をHonoに振り切った話
Avatar for bara yutobara
8
6.7k
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
28
33k

Featured

See All Featured
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
400
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
520
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
800
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
300
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
490
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
610
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k

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]