Reduxを取り入れて開発はpairs開発はどう変わったか

Matching dev meetup #1

Transcript

1. Copyright © 2017 eureka, Inc. All rights reserved. What did the Redux Architecture change pairs development? ReduxΛऔΓೖΕͯpairs։ൃ͸Ͳ͏ มΘ͔ͬͨ
2. Copyright © 2017 eureka, Inc. All rights reserved. 2 Introduce  FVSFLB
   *OD
    1BJST
   J04
   "QQMJDBUJPO
   &OHJOFFS @satoshin21
3. Copyright © 2017 eureka, Inc. All rights reserved. 3 Agenda  QBJSTͷ՝୊
    3FEVYͱ͸ʁ
   XJUI
   3F4XJGU
    3FEVYͰ։ൃ͸Ͳ͏มΘ͔ͬͨ
5. Copyright © 2017 eureka, Inc. All rights reserved. About pairs iOS application pairsͷ՝୊
6. Copyright © 2017 eureka, Inc. All rights reserved. 6 pairsͷ՝୊ - MatchingܥΞϓϦ͋Δ͋Δʁ  ͱʹ͔͘ෳࡶͳঢ়ଶ؅ཧ
    ࣗ෼ɺ͓૬खɺΩϟϯϖʔϯɺ՝ۚঢ়ଶɺΦϓγϣϯɺͦͷଞϏϡʔΠ ϕϯτɾɾɾ
   FUD
    'BUͳ7JFX$POUSPMMFS
    ͍͍ͶʂɺΈͯͶʂϝοηʔδ෇͖͍͍Ͷʂϝοηʔδ෇͖ΈͯͶʂ࣭໰ ෇͖͍͍ͶʂϓϥΠϕʔτϞʔυɺඇදࣔɺϒϩοΫͳͲͳͲɺϢʔβΞ Ϋγϣϯ͕༩͑ΔӨڹ͕޿ൣғ
7. Copyright © 2017 eureka, Inc. All rights reserved. 7 pairsͷ՝୊ - ͱΓ͋͑ͣࠓͷঢ়ଶ  Ϣʔβͷঢ়ଶ؅ཧ͸$PSF%BUBΛத৺ͱͯ͠/4'FUDIFE3FTVMUT$POUSPMMFS ͷΑ͏ͳܗͰಉظ
   
   $PSF4UPSFͱ͍͏௒ศརͳϥΠϒϥϦΛར༻
   
    6*7JFX$POUSPMMFSଆͰঢ়ଶ؅ཧ
    3Y4XJGU
    ΞϓϦશମΛ·͙ͨετϦʔϜͷ؅ཧ͕ਏ͍
    DPNQMFUFEɾɾɾͩͱɾɾɾʁ
8. Copyright © 2017 eureka, Inc. All rights reserved. 8 pairsͷ՝୊ - ΑΓϚΫϩͳ՝୊͸ͪ͜Β https://goo.gl/d5Af8m
9. Copyright © 2017 eureka, Inc. All rights reserved. 9 pairsԿ͕ղܾ͍͔ͨ͠ʁ  ঢ়ଶ؅ཧɺಛʹ7JFXʹؔΘΔঢ়ଶΛݟ΍͍ͨ͘͢͠
    ϢʔβΞΫγϣϯʹΑΔঢ়ଶͷӨڹΛݟ΍͍ͨ͘͢͠
    ΞϓϦશମʹӨڹ͢Δঢ়ଶΛݟ௨͠΍͍ͨ͘͢͠
10. Copyright © 2017 eureka, Inc. All rights reserved. What is Redux? Reduxͱ͸ʁ
11. Reduxͱ͸ʁ
12. ঢ়ଶͷมԽΛܶతʹݟ௨͠қ͘͢Δ GUI Architecture
13. https://github.com/ReSwift/ReSwift
14. ྫ͑͹ɺϢʔβͷ௥ՃಡΈࠐΈ
15. "QQFOE6TFS"DUJPO
    $SFBUPS 7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF
16. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF Լ·ͰεΫϩʔϧͨ͠ ௥ՃಡΈࠐΈ͕ඞཁͳ৔ ߹͸ΞΫγϣϯΛൃߦ
17. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF "1*ϦΫΤετ ੒ޭ࣌͸
    6QEBUF%BUB4PVSDF"DUJPO ࣦഊ࣌͸
    'BJMFE3FRVFTU"DUJPO
    ൃߦ
18. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF 4UBUFͷ࣋ͭ<6TFS>ʹ BQQFOE
19. "QQFOE6TFS"DUJPO
    $SFBUPS 6TFS4FBSDI
    7JFX$POUSPMMFS "QQ4UPSF "QQ4UBUF 6TFS4FBSDI4UBUF "QQ3FEVDFS 6TFS4FBSDI3FEVDFS .JEEMFXBSF 4UBUF͕ߋ৽͞Εͨࢫ
    ௨஌
20. Copyright © 2017 eureka, Inc. All rights reserved. 20 Redux - Three Principles  4JOHMF
    TPVSDF
    PG
    USVUI
     Ұͭͷ৴པͰ͖Διʔε
     4UBUF
    JT
    SFBEPOMZ
     εςʔτ͸ಡΈऔΓ͚ͩɻΞΫγϣϯͰมߋ͢Δ
     $IBOHFT
    BSF
    NBEF
    XJUI
    QVSF
    GVODUJPO
     ७ਮؔ਺Ͱมߋ͢Δ
    https://redux.js.org/introduction/threeprinciples
21. Copyright © 2017 eureka, Inc. All rights reserved. 21 Single Source of truth "QQ4UBUF 6TFS4FBSDI4UBUF 1SPpMF&EJU4UBUF 1BSUOFS-JLF4UBUF
22. Copyright © 2017 eureka, Inc. All rights reserved. 22 Single Source of truth "QQ4UBUF let mainStore: Store<App.State> = .init(reducer: App.reducer, state: nil, middleware: [App.middleware]) extension App { struct State: StateType { var userSearchState: UserSearch.State var profileEditState: ProfileEdit.State var partnerLikeState: PartnerLike.State } } - 6TFS4FBSDI4UBUF 1SPpMF&EJU4UBUF 1BSUOFS-JLF4UBUF
23. Copyright © 2017 eureka, Inc. All rights reserved. 23 State is read-only 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 4UPSFEJTQBUDI @
24. Copyright © 2017 eureka, Inc. All rights reserved. 24 State is read-only 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 6TFS4FBSDI
    7JFX$POUSPMMFS 6TFS4FBSDI4UBUF 6TFS4FBSDI3FEVDFS self.collectionView.rx .scrolledToEnd(offset: UserCell.preferredSize.height * 10) .subscribe( onNext: { _ in mainStore.dispatch(UserSearch.RequestUserAction(type: .append)) }) .disposeOnEnd()
25. Copyright © 2017 eureka, Inc. All rights reserved. 25 Changes are made with pure function "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF 6TFS4FBSDI3FEVDFS
26. Copyright © 2017 eureka, Inc. All rights reserved. 26 Changes are made with pure function "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF "QQFOE6TFS"DUJPO 6TFS4FBSDI4UBUF 6TFS4FBSDI3FEVDFS private static func userSearchReducer(action: Action, state: UserSearch.State?) -> UserSearch.State { var state: UserSearch.State = state ?? UserSearch.State() switch action { case let refreshed as UserSearch.RefreshDataSourceAction: state.dataSource = refreshed.makeDataSource() } return state }
27. Copyright © 2017 eureka, Inc. All rights reserved. What did Redux change? ReduxͰ։ൃ͸Ͳ͏มΘ͔ͬͨ
28. Copyright © 2017 eureka, Inc. All rights reserved. 28 ReduxͰ։ൃ͸Ͳ͏มΘ͔ͬͨʁ  7JFX$POUSPMMFS͔Βঢ়ଶΛ੾Γग़͢͜ͱ͕Ͱ͖ͨ
     جຊతʹ7JFXଆ͸4UBUFͷมԽΛਖ਼͘͠ϨΠΞ΢τʹ൓ө͍ͯ͠Δ͜ͱͩ ͚Λؾʹ͢Ε͹Α͘ͳͬͨ
     4UBUFʹӨڹΛ༩͑͏ΔΠϕϯτ͕ܶతʹݟ΍͘͢ͳͬͨ
     SFEVDFS https://redux.js.org/introduction/threeprinciples
29. Copyright © 2017 eureka, Inc. All rights reserved. 29 Redux + Rxʹ͓͚Δ՝୊  3FEVY͸Ϣʔβ୯Ґͷঢ়ଶ؅ཧʹ͸޲͔ͳ͍ʁ
     Ϣʔβ୯ҐͰ੾ΓସΘΔঢ়ଶΛ4UBUFͰͲ͏͔࣋ͭ
30. Copyright © 2017 eureka, Inc. All rights reserved. 30 Redux஫ҙ఺  ʮ4UBUF͕มΘͬͨʯ͜ͱΛͲ͏൑அ͢Δ͔
     &RVBUBCMFͷద߹ɺDMBTTʹ஫ҙ
     Ӭԕʹ4UBUF͕ߋ৽͞Εଓ͚Δݒ೦
     "DUJPOʹඥͮ͘ॲཧʹ͸޲͔ͳ͍ ࠙਌ձͰͲ͏΍ͬͯΔͷ͔ฉ͖͍ͨ
     3PVUFSύλʔϯͳͲͱ૊Έ߹ΘͤΔʁ
31. Thank you IUUQTXXXOBTBHPWNJTTJPO@QBHFT/11OFXTFBSUIBUOJHIUIUNM