The document discusses ReactorKit, an architecture framework that uses RxSwift to help address issues like massive view controllers and cyclic data dependencies. It provides concise summaries of ReactorKit's key concepts including the Reactor pattern which separates business logic from views using a unidirectional data flow, and examples of how state changes and view actions flow through the different components.

1. letswift(17)
ReactorKit
ReactorKit
github.com/devxoul

2. • StyleShare, Inc.
• Open Source Lover
• Then
• URLNavigator
• RxSwift
• ObjectMapper

3. letswift(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. letswift(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. letswift(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