ReactorKitを利用した緩やかなアーキテクチャの移行

2018.03.22 iOS Flux / Redux 勉強会 の登壇資料です

https://wantedly.connpass.com/event/79914/

Transcript

1. 2018.3.22 - ©2018 Wantedly, Inc. ReactorKit Λར༻ͨ͠
   ؇΍͔ͳΞʔΩςΫνϟͷҠߦ iOS Flux / Redux
   ษڧձ Jiro Nagashima
2. ©2018 Wantedly, Inc. ͸͡Ίʹ
3. ©2018 Wantedly, Inc. ࣗݾ঺հ Ӭౡ
   ࣍࿕
   @hedjirog User Growth νʔϜϦʔμʔ
   
   Wantedly Visit
   ΞϓϦͷ։ൃ վળࢪࡦΛ࣮ࢪͭͭ͠
   શମͷ࣮૷ํ਑ͷܾఆͱ࣮ࡍͷมߋΛߦͳ͏
4. ©2018 Wantedly, Inc. ൃදͷͶΒ͍ ෦෼త͔ͭஈ֊తͳΞʔΩςΫνϟͷҠߦ
   ͷࣄྫΛ঺հ Wantedly Visit
   ΞϓϦͷ ReactorKit Λར༻ͨ͠
5. ©2018 Wantedly, Inc. ൃදͷͶΒ͍ ৽نࣄۀ େن໛ͳϦϑΝΫλϦϯά # طଘΞϓϦͷվળࢪࡦͱಉ࣌ʹ࣮ࢪ POINT ෦෼త͔ͭஈ֊తͳΞʔΩςΫνϟͷҠߦ
   ͷࣄྫΛ঺հ Wantedly Visit
   ΞϓϦͷ ReactorKit Λར༻ͨ͠
6. ©2018 Wantedly, Inc. Wantedly Visit ΞϓϦͱ։ൃମ੍ Wantedly Visit ΞϓϦͷվम ReactorKit ͷಋೖ
   
   ReactorKit Λར༻࣮ͨ͠૷
   
   ReactorKit
   ಋೖޙͷؾ͖ͮ ໨࣍
7. ©2018 Wantedly, Inc. Wantedly Visit
   ΞϓϦͱ։ൃମ੍ ͳͥ෦෼త͔ͭஈ֊తʹΞʔΩςΫνϟͷҠߦΛਐΊͨͷ͔ʁ
8. ©2018 Wantedly, Inc. https://wantedlyinc.com/ja/products Wantedly Visit
9. ©2018 Wantedly, Inc. Wantedly Visit ΞϓϦͱ։ൃମ੍ ‣ ࣮૷มߋͷݕ౼͕ඞཁ
   w J04ΞϓϦ͸ެ։͞Εͯ೥͕ܦա
   w Objective-C
   ͔Β
   Swift
   ͷ࣮૷΁Ҡߦ
   w ϦϦʔε౰ॳ͔ΒͷAPIΫϥΠΞϯτ࣮૷͕ଘࡏ
   ‣ ݶΒΕͨϦιʔεͰ։ൃΛਐΊΔඞཁੑ
   w ৽نࣄۀʹϦιʔε͕ूத
   w େن໛ͳ࣮૷มߋΛߦͳ͏ϦιʔεΛ֬อͰ͖ͳ͍ ‣ ΤϯδχΞͷۀ຿͸୯७ͳ։ൃ͚ͩͰͳ͍ • த௕ظͷࢪࡦͷܾఆɾ࣮ࢪΛΤϯδχΞࣗ਎͕ߦͳ͏
10. ©2018 Wantedly, Inc. ΞʔΩςΫνϟҠߦͷഎܠ ‣ ࣮૷มߋͷݕ౼͕ඞཁ
    ‣ ݶΒΕͨϦιʔεͰ։ൃΛਐΊΔඞཁੑ ‣ ΤϯδχΞͷۀ຿͸୯७ͳ։ൃ͚ͩͰͳ͍ େن໛ͳ࣮૷มߋΛߦͳΘͣɺվળࢪࡦͷ࣮ࢪͱซͤͯ
    ෦෼త͔ͭஈ֊తͳΞʔΩςΫνϟͷҠߦ
    ͕ՄೳͳखஈΛٻΊ͍ͯͨ
11. ©2018 Wantedly, Inc. Wantedly Visit
    ΞϓϦͷվम Ͳͷ෦෼ͰΞʔΩςΫνϟͷҠߦΛਐΊͨͷ͔ʁ
14. ©2018 Wantedly, Inc.
    վमՕॴ
    
    ืूը໘ ‣ ଟ༷ͳίϯςϯπ
    w ձࣾ৘ใɺϝϯόʔͷϓϩϑΟʔϧɺԠԉίϝϯτ
    ‣ ෳ਺ͷAPIϦΫΤετ
    w ืूͷৄࡉɺλάͷҰཡɺؔ࿈ืूͷҰཡ
    ‣ Ϣʔβʔૢ࡞ʹΑΔঢ়ଶมߋ
    w ϒοΫϚʔΫɺԠืɺԠԉ
    w දࣔϝϯόʔͷ੾Γସ͑
15. ©2018 Wantedly, Inc.
    վमՕॴ
    
    ืूը໘ ‣ ଟ༷ͳίϯςϯπ
    ‣ ෳ਺ͷAPIϦΫΤετ
    ‣ Ϣʔβʔૢ࡞ʹΑΔঢ়ଶมߋ ෳࡶͳը໘Ͱ
    ෦෼తͳΞʔΩςΫνϟͷҠߦ
    ʹ੒ޭ
16. ©2018 Wantedly, Inc. ΞʔΩςΫνϟҠߦͷཱ໾ऀ
    
    ReactorKit https://github.com/ReactorKit/ReactorKit
17. ©2018 Wantedly, Inc. ReactorKit
    ͷಋೖ ReactorKit
    ͱ͸Կ͔ʁͳͥ
    ReactorKit
    Λಋೖͨ͠ͷ͔ʁ
18. ©2018 Wantedly, Inc. ‣ Flux
    ͷ࣮ݱ
    w ୯Ұํ޲ͷσʔλϑϩʔ
    w ঢ়ଶ؅ཧͷෳࡶ͞ͷղফ
    ‣ Reactive Programming
    ΛԠ༻
    w ετϦʔϜʹΑΔ6*ૢ࡞΍ঢ়ଶͷ఻ൖ
    w RxSwift
    Λར༻
    w ඇಉظॲཧͷෳࡶ͞ͷղফ ReactorKit
19. ©2018 Wantedly, Inc. ReactorKit ͷ֓೦ਤ https://github.com/ReactorKit/ReactorKit#basic-concept ۃΊͯγϯϓϧ
20. ©2018 Wantedly, Inc. ReactorKit ಋೖͷܾΊख ‣ Flux
    ୯Ұํ޲ͷσʔλϑϩʔ
    ʹର͢Δظ଴
    w Wantedly Visit ΞϓϦͷಛ௃ͱͯ͠ɺঢ়ଶ؅ཧΛඞཁͱ͢Δ༷ʑͳը໘Λ༗͢Δ
    w ଟ༷ͳίϯςϯπͷදࣔɺߴ౓ͳݕࡧϑΟϧλʔɺνϟοτɺϓϩϑΟʔϧฤू
    ‣ RxSwift ͱซ༻Մೳ
    w RxSwift
    Λར༻͍ͯ͠ΔͷͰɺซ༻͢Δख๏Λཱ֬͢Δඞཁ͕ͳ͍ ‣ ෦෼త͔ͭஈ֊తʹಋೖ͕Մೳ • “Start Small”
    ͱ͍͏σβΠϯΰʔϧΛܝ͍͛ͯΔ
21. ©2018 Wantedly, Inc. ReactorKit
    Λར༻࣮ͨ͠૷ ͲͷΑ͏ͳ࣮૷͔ʁ
23. ©2018 Wantedly, Inc. ืूը໘ͷ࣮૷ https://github.com/ReactorKit/ReactorKit#basic-concept
24. ©2018 Wantedly, Inc. ืूը໘ͷ࣮૷ https://github.com/ReactorKit/ReactorKit#reactor
25. ©2018 Wantedly, Inc. ืूը໘ͷ࣮૷ https://github.com/ReactorKit/ReactorKit#reactor ProjectViewController ProjectViewReactor
26. ©2018 Wantedly, Inc. Reactor ͷ࣮૷ ProjectViewReactor 1. Action
    ͱ
    State
    ͷఆٛ 2. mutate
    ϝιουͱ
    redue
    ϝιουͷ࣮૷ POINT https://github.com/ReactorKit/ReactorKit#reactor
27. ©2018 Wantedly, Inc. enum Action { case load case additionalLoad case toggleBookmarking case selectStaffing(Int) } Action ͷఆٛྫ ProjectViewReactor
28. ©2018 Wantedly, Inc. struct State { var project: Project var summaryTags: [ProjectSummaryTag] = [] var relatedProjectSections: [ProjectRelatedProjectSection] = [] var companyProjects: [Project] = [] var isProjectLoaded: Bool = false var isBookmarking: Bool var isApplying: Bool var isSupporting: Bool var selectedStaffing: Staffing? } State ͷఆٛྫ ProjectViewReactor
29. ©2018 Wantedly, Inc. func mutate(action: Action) -> Observable<Mutation> { switch action { case .load: return Observable .merge( Observable .concat([ projectService.project(id: currentState.project.id).asObservable().map { .setProject($0) }, Observable.just(.setProjectLoaded(true)), ]), projectService.summaryTags(projectID: currentState.project.id).asObservable().map { .setSummaryTags($0) } ) … } mutate ϝιουͷ࣮૷ྫ ProjectViewReactor
30. ©2018 Wantedly, Inc. func reduce(state: State, mutation: Mutation) -> State { switch mutation { case let .setProject(project): var state = state state.project = project state.isBookmarking = project.isBookmarking state.isApplying = project.isApplied state.isSupporting = project.isSupporting state.selectedStaffing = state.selectedStaffing ?? project.staffings?.first return state … } reduce ϝιουͷ࣮૷ྫ ProjectViewReactor
31. ©2018 Wantedly, Inc. ProjectViewController View ͷ࣮૷ 1. bind
    ϝιουͷ࣮૷ 2. Action
    ͷ఻ൖͱ
    State
    ͷ൓ө POINT https://github.com/ReactorKit/ReactorKit#reactor
32. ©2018 Wantedly, Inc. ProjectViewController func bind(reactor: Reactor) { rx.methodInvoked(#selector(viewDidLoad)) .map { _ in Reactor.Action.load } .bind(to: reactor.action) .disposed(by: disposeBag) … state .map { $0.isBookmarking } .distinctUntilChanged() .bind(to: bookmarkButton.rx.isSelected) .disposed(by: disposeBag) … } bind ϝιουͷ࣮૷ྫ
33. ©2018 Wantedly, Inc. ืूը໘ͷ࣮૷ https://github.com/ReactorKit/ReactorKit#reactor ProjectViewController ProjectViewReactor
34. ©2018 Wantedly, Inc. ReactorKit
    ಋೖޙͷؾ͖ͮ ಋೖͯ͠෼͔ͬͨ͜ͱ͸Կ͔ʁ
35. ©2018 Wantedly, Inc.
    ؾ͖ͮ ‣ ςετख๏ཱ͕֬͞Ε͍ͯΔ
    w ԿΛͲ͏ςετ͢΂͖͔໌ݴ͞Ε͍ͯͯɺखஈ΋༻ҙ͞Ε͍ͯΔ
    w ςετख๏ཱ͕֬͞Εͣςετ͕ॻ͔Εͳ͍ͱ͍͏ࣄଶ͕ى͜ΓͮΒ͍
    ‣ ඇΞϓϦΤϯδχΞ͕ΞʔΩςΫνϟΛཧղ͠΍͍͢
    w ࣾ಺Ͱ͸webͷϑϩϯτ࣮૷Ͱ
    Redux Λར༻͍ͯ͠ΔͷͰલఏ஌͕ࣝ͋Δ
    w ReactorKit
    ͷγϯϓϧ͞΋ड͚ೖΒΕ΍͍͢
    ‣ αϯϓϧ͕๛෋
    w ෳ਺ͷن໛ͷΞϓϦͷαϯϓϧ͕ެ։͞Ε͍ͯΔ
    w ඞཁͳ࣮૷ྫ͕ݟ͔ͭΔʢάϩʔόϧͳঢ়ଶͷѻ͍ɺςετίʔυͳͲʣ
36. ©2018 Wantedly, Inc. ࠂ஌
37. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ”ReactorKit Meetup” ։࠵͠·͢
    ࡞ऀͷํΛ͓ট͖͢Δ༧ఆͰ͢ʂ
    Ϣʔβʔͷํɺ-5ر๬ऀͷํ͸͓੠ֻ͚͍ͩ͘͞ʂ