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