Kyobashi.swift x AKIBA.swift: RxSwiftへの依存を考えてみる

Kyobashi.swift x AKIBA.swift
https://kyobashi-swift.connpass.com/event/48794/

Transcript

1. RxSwift΁ͷґଘΛ ߟ͑ͯΈΔ Kyobashi.swift x AKIBA.swift
2. ࣗݾ঺հ • Takeshi Ihara / @nonchalant0303 • Recruit Marketing Partners • iOS Engineer
3. RxSwift Rx is a generic abstraction of computation expressed through Observable<Element> interface. This is a Swift version of Rx.
4. Traditional vs. Reactive
5. Array<String> @IBOutlet private weak var label: UILabel! override func viewDidLoad() { super.viewDidLoad() var array: [String] = ["hello"] label.text = array.reduce("") { $0 + $1 } array.append(",") array.append("world") array.append(".") }
6. มߋ͞Εͳ͍…
7. @IBOutlet private weak var label: UILabel! override func viewDidLoad() { super.viewDidLoad() var array: [String] = ["hello"] label.text = array.reduce("") { $0 + $1 } array.append(",") array.append("world") array.append(".") label.text = array.reduce("") { $0 + $1 } // ߋ৽ } ߋ৽๨Εͯͨʂ Array<String>
8. Observable<Array<String>> @IBOutlet private weak var label: UILabel! override func viewDidLoad() { super.viewDidLoad() let array = Variable<Array<String>>(["hello"]) let disposeBag = DisposeBag() array .asObservable() .map { $0.reduce("") { $0 + $1 } } .bindTo(label.rx.text) .addDisposableTo(disposeBag) array.value.append(",") array.value.append("world") array.value.append(".") }
9. ߋ৽͞ΕΔʂ
10. Observable<Array<String>> @IBOutlet private weak var label: UILabel! override func viewDidLoad() { super.viewDidLoad() let array = Variable<Array<String>>(["hello"]) let disposeBag = DisposeBag() array .asObservable() .map { $0.reduce("") { $0 + $1 } } .bindTo(label.rx.text) .addDisposableTo(disposeBag) array.value.append(",") array.value.append("world") array.value.append(".") } ఆ͓͚ٛͯͩ͘͠ʂ
11. Traditional • ϞσϧͱUIͷಉظΛৗʹҙࣝ • ʮࠓԿΛ͍࣋ͬͯΔ͔ɺকདྷͲ͏ͳΔ͔ɺ ੲͲ͏͔ͩͬͨʯΛߟ͑ͳ͚Ε͹͍͚ͳ͍
12. Reative • σʔλʹ࣌ؒͱ͍͏࣍ݩ͕ՃΘΔ • Πϕϯτͱͯ͠ѻ͏ • γϯϓϧͳৼΔ෣͍ͷΈΛఆٛ͢Δ
13. Better codebases - http://reactivex.io/ • ؔ਺ܕϓϩάϥϛϯά • ίʔυྔͷ࡟ݮ • ඇಉظΤϥʔॲཧ • ฒྻॲཧ
14. RxSwift͸ศརʂ࠷ߴʂ
15. ຊ౰ʹͦΕ͚ͩͰ͍͍ͷʁ
16. Rxʹ׳Ε͖ͯͨࠒͷࣗ෼ ʮ͓ɺ͜͜΋ReactiveͰॻ͚ͨΒศརͩͳʙɻ ຊ౰ʹRx࠷ߴͩͳʂʯ
17. ͦͷίʔυຊ౰ʹRxSwiftʹ ґଘ͖͍͍ͬͯ͠ͷʁ
18. class ProgressView: UIView { enum State { case start, finished } let animationSubject = PublishSubject<State>() func start() { animationSubject.onNext(.start) UIView.animate( withDuration: 1.0, animations: { ... } ) { _ in animationSubject.onNext(.finished) } } } Custom View with Animation
19. Subscribe͠ͳ͍ͱ Ξχϝʔγϣϯͷ࢝·ΓɾऴΘ ΓΛݕ஌Ͱ͖ͳ͍ʁ
20. RxSwift͕࢖͑ͳ͘ͳͬͨΒ Ͳ͏͢ΔΜͩʁ
21. ͨͱ͑͹… • SwiftͷόʔδϣϯΞοϓ • RxSwiftͷϝϯς͕͞Εͳ͍ • RxSwiftΛಋೖͯ͠ͳ͍ϓϩδΣΫτʹྲྀ༻ ͍ͨ͠
22. ͡Ό͋RxSwiftͷґଘΛ ΍ΊΑ͏
23. protocol ProgressViewDelegate: class { func animationDidStart() func animationDidFinish() } class ProgressView: UIView { weak var delegate: ProgressViewDelegate! func start() { delegate?.animationDidStart() UIView.animate( withDuration: 1.0, animations: { ... } ) { _ in delegate?.animationDidFinish() } } } Custom View w/o RxSwift
24. ґଘͳͤͨ͘Αʂ
25. ͍ͨͩ·, Traditionalͳੈք
26. ͳΜͷͨΊʹRxSwiftΛಋೖ ͨ͠Μ͚ͩͬʁ
27. ґଘ౓ΛۃྗԼ͛ͭͭReactive ʹॻ͚ͳ͍ͩΖ͏͔ʁ
28. UITabBar w/ Rx and w/o Rx let tabBar = UITabBar() tabBar.delegate = self tabBar.rx.didSelectItem .subscribe { _ in ... } .addDisposableTo(disposeBag) func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) { ... } Item͕બ୒͞Εͨ͜ͱΛ ͲͪΒͰ΋ݕ஌Ͱ͖Δʂ
29. RxCocoa https://github.com/ReactiveX/RxSwift/tree/master/RxCocoa
30. UITabBar+Rx (Ұ෦ൈਮ) extension Reactive where Base: UITabBar { /// Reactive wrapper for `delegate`. /// /// For more information take a look at `DelegateProxyType` protocol documentation. public var delegate: DelegateProxy { return RxTabBarDelegateProxy.proxyForObject(base) } /// Reactive wrapper for `delegate` message `tabBar:didSelectItem:`. public var didSelectItem: ControlEvent<UITabBarItem> { let source = delegate.methodInvoked(#selector(UITabBarDelegate.tabBar(_:didSelect:))) .map { a in return try castOrThrow(UITabBarItem.self, a[1]) } return ControlEvent(events: source) } }
31. ࣗલͷCustom Viewʹ΋ ద༻ͯ͠Έͨ
32. ProgressView+Rx (Ұ෦ൈਮ) extension Reactive where Base: ProgressView { var delegate: DelegateProxy { return RxTabBarDelegateProxy.proxyForObject(base) } var animationDidStart: ControlEvent<ProgressView> { let source = delegate.methodInvoked(#selector(ProgressViewDelegate.animationDidStart)) .map { a in return try castOrThrow(UITabBarItem.self, a[1]) } return ControlEvent(events: source) } var animationDidFinish: ControlEvent<ProgressView> { let source = delegate.methodInvoked(#selector(ProgressViewDelegate.animationDidFinish)) .map { a in return try castOrThrow(UITabBarItem.self, a[1]) } return ControlEvent(events: source) } }
33. ProgressView w/ Rx let progressView = ProgressView() progressView.rx.didStartAnimation .subscribe { _ in ... } .addDisposableTo(disposeBag) progressView.rx.didFinishAnimation .subscribe { _ in ... } .addDisposableTo(disposeBag)
34. ProgressView w/o Rx let progressView = ProgressView() progressView.delegate = self func animationDidStart() { ... } func animationDidFinish() { ... }
35. Traditionalʹ΋Reactiveʹ΋ දݱͰ͖ͨɻͭ·Γ…
36. ґଘ౓ΛԼ͛ͭͭ Reactiveʹදݱग़དྷͨʂ
37. (Property, Method) + RxExtension • ৄ͘͠͸RxCocoaͷιʔείʔυΛࢀর • View෦඼ͳͲ͸ϓϩδΣΫτؒͰ࢖͍·Θ ͢ՄೳੑΛߟྀͯ͠ɺґଘ౓ΛԼ͛Δ
38. ·ͱΊ • ViewΛྫͱͯ͠, RxSwift΁ͷґଘΛߟ͑ͯ Έͨ • Rx͸͔ͳΓڧྗʂͦͷͨΊ஌Βͳ͍ͱ͜Ζ Ͱͷґଘ͕ൃੜ͕ͪ͠
39. Rx΁ͷґଘ͸Ͳ͜·Ͱʹ͢Δ ͔ͪΌΜͱߟ͑Α͏ʂ
40. ͋Γ͕ͱ͏͍͟͝·ͨ͠