ReRxSwift

ReRxSwift
or:

how I learned to stop worrying and love the bomb
state

model view
view controller
some data
some fancy UI
everything else

tab bar
controller
navigation
controller
label and button

tab bar
controller
view controller
change data
navigation
controller
view controller
view controller
navigation
controller
view controller
view controller
change data

no straight forward
sync mechanism

view controller
view model
model view
some data
some fancy UI
everything else
view logic

view model did not solve
any problems at all

we even introduced one
more “source of truth”

and now for something
completely different

action
store
w/ state
reducers
view*
some data
business
logic
fancy UI
stuff
*view = view + view controller
subscribe
dispatch
change

action
store
w/ state
reducers
view*
subscribe
dispatch
change

// define the store
let store = Store<State>(reducer: reducer, state: nil)
// define a state (important: value type)
struct State: StateType {
var data: String = "someData"
}

// define an action
struct ChangeData: Action {
let changedData: String
}
// create and dispatch an action
let action = ChangeData(changedData: "changedData")
store.dispatch(action)

// reducer: action + state = new state
func reducer(action: Action, state: State?) -> State {
}
*switch is non-exhausting for simplicity
// create a new state if state is nil
var state = state ?? State()
// switch through desired actions
switch action {
case let action as ChangeData:
}
// perform state change
state.data = action.changedData
// return the new state
return state

class ReSwiftViewController: UIViewController, StoreSubscriber {
@IBOutlet weak var button: UIButton!
@IBOutlet weak var label: UILabel!
}
// subscribe to store
func setup() {
store.subscribe(self)
}
// receive state updates from store
func newState(state: State) {
self.label.text = state.data
}
// dispatch an action to store
@IBAction func buttonTap(_ sender: Any) {
let action = ChangeData(changedData: "changedData")
store.dispatch(action)
}

tab bar
controller
view controller
navigation
controller
view controller
view controller
navigation
controller
view controller
view controller
store
w/ state
change data
change data

real separation of
state and view

“the observer pattern
done right”

// define data as a subject ("stream")
let data = PublishSubject<String>()
// subscribe to data
data.asObservable()
.subscribe(onNext: { string in
print("data changed to: (string)")
})
// bind data to label
data.bind(to: label.rx.text)
*disposing is left out for simplicity
// trigger an update
data.onNext("changedData")

very easy to
“connect the dots”

ReRxSwift(inspired by react-redux)

actions
store
w/ states
reducers
view*

ViewReRxSwift
“Connection”
ReSwift
actions
store
w/ states
reducers
view*
actions
props

// define props
extension ReRxSwiftViewController: Connectable {
}
struct Props {
let data: String
}
// state to props mapping
private let mapStateToProps = { (state: State) in
}
return ReRxSwiftViewController.Props(
data: state.data
)

// define actions
extension ReRxSwiftViewController: Connectable {
}
struct Actions {
let changeData: (String) -> Void
}
// dispatch to actions mapping
private let mapDispatchToActions = { (dispatch: @escaping DispatchFunction) in
}
return ReRxSwiftViewController.Actions(
changeData: { dispatch(ChangeData(changedData: $0)) }
)

class ReRxSwiftViewController: UIViewController {
@IBOutlet weak var button: UIButton!
@IBOutlet weak var label: UILabel!
}
// set up connection with store and mappings
let connection = Connection(store: store,
mapStateToProps: mapStateToProps,
mapDispatchToActions: mapDispatchToActions)
// establish connection and bind to a label
func setup() {
self.connection.connect()
self.connection.bind(Props.data, to: self.label.rx.text)
}
// dispatch an action 
@IBAction func buttonTap(_ sender: Any) {
self.connection.actions.changeData("changedData")
}

even better separation
of concerns

github.com/ReSwift/ReSwift

github.com/ReactiveX/RxSwift

github.com/svdo/ReRxSwift

hackernoon.com/thinking-in-redux-when-all-youve-known-is-mvc-c78a74d35133

gist.github.com/staltz/868e7e9bc2a7b8c1f754

rxmarbles.com

swifting.io/blog/2016/09/07/architecture-wars-a-new-hope

khanlou.com/2014/03/model-view-whatever

sharpﬁvesoftware.com/2016/07/20/mvvm-is-lipstick-on-a-pig

themetapicture.com/the-life-of-a-software-engineer

https://en.wikipedia.org/wiki/LOLCODE

ReRxSwift

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (19)

Ähnlich wie ReRxSwift

Ähnlich wie ReRxSwift (20)

Mehr von myposter GmbH

Mehr von myposter GmbH (10)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

ReRxSwift