ReactorKit으로 단방향 반응형 앱 만들기

https://www.slideshare.net/devxoul/reactorkit

Transcript

1. let swift(17) ReactorKit ReactorKitਵ۽ ױߑೱ ߈਽ഋ জ ٜ݅ӝ github.com/devxoul ੹ࣻৌ
2. ੹ࣻৌ • StyleShare, Inc. • Open Source Lover • Then • URLNavigator • RxSwift • ObjectMapper
3. let swift(17) Why?
4. Why? 1. Massive View Controller • ੉޷ ݆਷ ࢎۈٜ੉ ҕхೞח ޙઁ • ೧Ѿೞӝ ਤೠ ৈ۞ ࢸ҅ ಁఢٜ੉ ઓ੤
5. Why? 1. Massive View Controller • ੉޷ ݆਷ ࢎۈٜ੉ ҕхೞח ޙઁ • ೧Ѿೞӝ ਤೠ ৈ۞ ࢸ҅ ಁఢٜ੉ ઓ੤ 2. RxSwift is Awesome • ࠺زӝ ௏٘ܳ рѾೞѱ ࢎਊೡ ࣻ ੓਺ • য۵૑݅ ੜ ॳݶ ҭ੢൤ ౵ਕಽೠ ӝࣿ
6. Why? ೞҊर਷ Ѫ: 1. Massive View Controllerܳ ೖೞݶࢲ 2. RxSwift੄ ੢੼ਸ ݽف ஂೞҊ र׮
7. Why? - Problems ਬݺೠ ࢸ҅ ಁఢী RxSwiftܳ ࠢৈࠅө? • Rx + MVC? • Rx + MVVM? ⚠ ҕా੸ੋ ޙઁ: ࢚క ҙܻо ݒ਋ য۵׮.
8. Why? - Problems Cyclic Data Dependencies • ׮਺ ੘সਸ ਤ೧ ੉੹ ੘স੄ Ѿҗо ೙ਃ • ৘द: ইې۽ झ௼܀ೞৈ ׮਺ ಕ੉૑ ۽٘ • ׮਺ ਃ୒ী ੉੹ ਃ୒ Ѿҗ੄ nextURL ೙ਃ
9. Why? - Problems Cyclic Data Dependencies • औѱ ೧Ѿೞח ߑߨ: BehaviorSubject ࢎਊ • BehaviorSubject(=Variable)ܳ թߊ • RxSwiftח ࢶ঱੸ਵ۽ ੘ࢿೞח Ѫਸ ӂ੢
10. Why? ೞҊर਷ Ѫ: 1. Massive View Controllerܳ ೖೞݶࢲ 2. RxSwift੄ ੢੼ਸ ݽف ஂೞҊ र׮
11. Why? ೞҊर਷ Ѫ: 1. Massive View Controllerܳ ೖೞݶࢲ 2. RxSwift੄ ੢੼ਸ ݽف ஂೞҊ र׮ 3. ӒܻҊ ࢚క ҙܻо एਛਵݶ જѷ׮
12. let swift(17) ReactorKit ױߑೱ ؘ੉ఠ ൒ܴਸ о૓ ߈਽ഋ জਸ ਤೠ ೐ۨ੐ਕ௼
13. ReactorKit 1. Massive View Controllerܳ ೖೞҊ र׮. ✅ • ࠭৬ ۽૒੄ ҙबࢎ ܻ࠙ • ࠭ ஶ౟܀۞о ױࣽ೧૗
14. ReactorKit 2. RxSwift੄ ੢੼ਸ ݽف ஂೞҊ र׮. ✅ • ReactorKit਷ RxSwiftܳ ӝ߈ਵ۽ ೣ • ݽٚ RxSwift ӝמਸ ࢎਊ оמ
15. ReactorKit 3. ࢚క ҙܻо एਛਵݶ જѷ׮. ✅ • ױߑೱ ؘ੉ఠ ൒ܴ • ઺р ࢚కܳ reduce() ೣࣻ۽ ҙܻ • ࢚క ҙܻо рѾ೧૗
16. ReactorKit ӒܻҊ... • ౠ੿ ӝמী ࠗ࠙੸ ੸ਊ оמ (੘ѱ द੘) • పझ౟ܳ ਤೠ بҳܳ ੗୓੸ਵ۽ ૑ਗ • CocoaPods ӝળ ࢸ஖ 8800ഥ / জ 280ѐ
17. ReactorKit ӒܻҊ... • ౠ੿ ӝמী ࠗ࠙੸ ੸ਊ оמ (੘ѱ द੘) • పझ౟ܳ ਤೠ بҳܳ ੗୓੸ਵ۽ ૑ਗ • CocoaPods ӝળ ࢸ஖ 8800ഥ / জ 280ѐ
18. Basic Concept
19. Basic Concept • ࢎਊ੗ ੑ۱ਸ ߉ইࢲ Reactorী ੹׳ • Reactor۽ࠗఠ ߉਷ ࢚కܳ ۪؊݂ • ࠭ ஶ౟܀۞, ࣄ, ஶ౟܀ ١ਸ ݽف View۽ ஂә
20. Basic Concept protocol View { associatedtype Reactor var disposeBag: DisposeBag // self.reactorо ߄Շݶ ഐ୹ؽ func bind(reactor: Reactor) }
21. Basic Concept protocol StoryboardView { associatedtype Reactor var disposeBag: DisposeBag // ࠭о ۽٘غݶ ഐ୹ؽ func bind(reactor: Reactor) } // Storyboardܳ ࢎਊೞח ҃਋
22. Basic Concept • Viewীࢲ ੹׳߉਷ Actionী ٮۄ ۽૒ ࣻ೯ • ࢚కܳ ҙܻೞҊ ࢚కо ߸҃غݶ Viewী ੹׳ • ؀ࠗ࠙੄ Viewח ؀਽غח Reactorܳ о૗
23. Basic Concept protocol Reactor { associatedtype Action associatedtype Mutation associatedtype State var initialState: State }
24. Basic Concept ୶࢚ചػ ࢎਊ੗ ੑ۱ ୶࢚ചػ ࠭ ࢚క
25. Basic Concept ݽٚ ߄ੋ٬਷ RxSwift
26. Data Flow
27. Data Flow
28. Data Flow Action੉ Stateܳ ߄۽ ߸҃ೞ૑ח ঋ਺ • ࠺زӝ ఋ੐ী Stateо ߸҃غח ҃਋о ੓਺ • Actionҗ State ࢎ੉ী Mutationਸ ىࢲ ࠺ز ӝ ୊ܻ • Mutation਷ Stateܳ ߸҃ೞח ݺ۸/੘স ױਤ • Mutation਷ Viewী ֢୹غ૑ ঋ਺
29. Data Flow
30. Data Flow class ProfileViewReactor: Reactor { enum Action { case follow // ࢎਊ੗ ੑ۱ } struct State { var isFollowing: Bool // ࠭ ࢚క } }
31. Data Flow class ProfileViewReactor: Reactor { enum Action { case follow // ࢎਊ੗ ੑ۱ } struct State { var isFollowing: Bool // ࠭ ࢚క } } ࢎਊ੗ܳ ౹۽਋ೞח API ਃ୒ റ Stateо ߄Շযঠ ೣ
32. Data Flow class ProfileViewReactor: Reactor { enum Action { case follow // ࢎਊ੗ ੑ۱ } enum Mutation { case setFollowing(Bool) // ࢚క ߸҃ } struct State { var isFollowing: Bool // ࠭ ࢚క } }
33. Data Flow (Action) -> Observable<Mutation> (State, Mutation) -> State
34. Data Flow
35. Data Flow ౹۽਋ ߡౡ ఠ஖
36. Data Flow Action.follow
37. Data Flow Action.follow
38. Data Flow UserService.follow()
39. Data Flow UserService
40. Data Flow Observable<Bool>
41. Data Flow
42. Data Flow Mutation.setFollowing(true)
43. Data Flow Mutation.setFollowing(true)
44. Data Flow isFollowing = true
45. Data Flow ౹۽਋ ߡౡ
 সؘ੉౟
46. Data Flow
47. let swift(17) Example - Live Coding
48. Community Swift Korea Slack: #reactorkit ଻օ • http://slack.swiftkorea.org/ RxSwift Slack: #reactorkit ଻օ (৔য) • http://rxswift-slack.herokuapp.com/
49. http://reactorkit.io