Using View Models for simpler UI

@daloog #iosdevuk Component Driven …and modular UI code with ViewModel
Alexey Demedetskyi

@daloog #iosdevuk https://www.youtube.com/watch?v=dJUEkjxylBw

@daloog #iosdevuk Alexey Demedetskyi [email protected] Github Speakerdeck iOS Team lead
@ Sigma Software

@daloog #iosdevuk MVVM: 2012 - 2015 MVC: 2009 - 2011
Redux: 2015 - …

@daloog #iosdevuk MVVM

@daloog #iosdevuk How to MVVM 1. Extract ViewModel from ViewController
2. ??? 3. Good design https://sharpﬁvesoftware.com/2016/07/20/mvvm-is-lipstick-on-a-pig/

@daloog #iosdevuk

@daloog #iosdevuk View Models

@daloog #iosdevuk “Design is never done.”

@daloog #iosdevuk

@daloog #iosdevuk Art

@daloog #iosdevuk Art Engineering

@daloog #iosdevuk

@daloog #iosdevuk Feedback loop

@daloog #iosdevuk Deﬁnition of done

@daloog #iosdevuk Better tools

@daloog #iosdevuk Better result

@daloog #iosdevuk Art Engineering UI - ?

@daloog #iosdevuk Art Engineering UI

@daloog #iosdevuk UI is the hardest CS problem

@daloog #iosdevuk

@daloog #iosdevuk Zero* dependency** rule*** * - not actually zero
** - internal is ok *** - not a rule at all

@daloog #iosdevuk TDD?

@daloog #iosdevuk

@daloog #iosdevuk Singletons

@daloog #iosdevuk Dependency net ViewController Network Database DataModel Application

@daloog #iosdevuk Dependency tree ViewController Network Database DataModel Application View

@daloog #iosdevuk Parent is always responsible for child dependencies

@daloog #iosdevuk Module External dependency

@daloog #iosdevuk Module Internal dependency

@daloog #iosdevuk Module context always should be external

@daloog #iosdevuk Zero dependency UI?

@daloog #iosdevuk Component UI

@daloog #iosdevuk

@daloog #iosdevuk Action

@daloog #iosdevuk https://medium.com/swift-fox/react-native-native-28e37f7de1ae#.x3l8sip38 Native React Native

@daloog #iosdevuk VM == Props

@daloog #iosdevuk MVVM

@daloog #iosdevuk React

@daloog #iosdevuk VM + Dynamic Animations, partial updates, etc.

@daloog #iosdevuk Deposit Time

@daloog #iosdevuk Deposit Time + + - - -

@daloog #iosdevuk State = f(t)

@daloog #iosdevuk Event = ΔState

@daloog #iosdevuk State = ∫Event

@daloog #iosdevuk

@daloog #iosdevuk CQRS Event sourcing

@daloog #iosdevuk

@daloog #iosdevuk Data driven

@daloog #iosdevuk VM + Complexity Containers, transition

@daloog #iosdevuk https://medium.com/@dan_abramov/smart-and- dumb-components-7ca2f9a7c7d0#.62d4jggzw

@daloog #iosdevuk FriendsList VC Friend VC FriendsList VM Friend VM

@daloog #iosdevuk

@daloog #iosdevuk Shared state

@daloog #iosdevuk http://redux.js.org

@daloog #iosdevuk ReSwift https://github.com/ReSwift/ReSwift

@daloog #iosdevuk P == NP ? [email protected]

@daloog #iosdevuk Questions? [email protected]

Using View Models for simpler UI

Using View Models for simpler UI

Transcript

More Decks by DAloG

Other Decks in Programming

Featured