Slide 1
Slide 1 text
USING FUNCTIONAL REACTIVE
PROGRAMMING IN PRODUCTION
Slide 2
Slide 2 text
WHO IS FAMILIAR WITH
FUNCTIONAL REACTIVE PROGRAMMING (FRP)?
Slide 3
Slide 3 text
WHO IS FAMILIAR WITH
FUNCTIONAL REACTIVE PROGRAMMING (FRP)?
!
Slide 4
Slide 4 text
WHAT IS FUNCTIONAL
REACTIVE PROGRAMMING?
Slide 5
Slide 5 text
WHAT IS FUNCTIONAL
REACTIVE PROGRAMMING?
Slide 6
Slide 6 text
Erica Sadun http://ericasadun.com/2016/11/08/swift-by-emoji-a-considered-approach/
Slide 7
Slide 7 text
Erica Sadun http://ericasadun.com/2016/11/08/swift-by-emoji-a-considered-approach/
Slide 8
Slide 8 text
Erica Sadun http://ericasadun.com/2016/11/08/swift-by-emoji-a-considered-approach/
Slide 9
Slide 9 text
BUT WHAT IS FUNCTIONAL
REACTIVE PROGRAMMING?
Slide 10
Slide 10 text
STREAMS + TRANSFORMATIONS + BINDINGS
=
FUNCTIONAL REACTIVE PROGRAMMING
Functional Reactive Awesomeness With Swift, by Ash Furrow
https://realm.io/news/altconf-ash-furrow-functional-reactive-swift/
Slide 11
Slide 11 text
STREAMS SEND STUFF
STREAMS > TRANSFORMATIONS > BINDINGS
Slide 12
Slide 12 text
THEY CAN TRANSFORM
STREAMS > TRANSFORMATIONS > BINDINGS
Slide 13
Slide 13 text
AND BIND TO THINGS
STREAMS > TRANSFORMATIONS > BINDINGS
Slide 14
Slide 14 text
STREAMS + TRANSFORMATIONS + BINDINGS
=
FUNCTIONAL REACTIVE PROGRAMMING
Slide 15
Slide 15 text
FOR CODE EXAMPLES!
Slide 16
Slide 16 text
REAL LIFE EXAMPLE
Slide 17
Slide 17 text
ReactiveSwift
Slide 18
Slide 18 text
let scoreHome = MutableProperty(0)
let scoreAway = MutableProperty(0)
Slide 19
Slide 19 text
let scoreHome = MutableProperty(0)
let scoreAway = MutableProperty(0)
let scoreProducer = SignalProducer
.combineLatest(scoreHome.producer, scoreAway.producer) // Create a stream
Slide 20
Slide 20 text
let scoreHome = MutableProperty(0)
let scoreAway = MutableProperty(0)
let scoreProducer = SignalProducer
.combineLatest(scoreHome.producer, scoreAway.producer) // Create a stream
.map({ (scoreHome, scoreAway) -> String in
return "Home \(scoreHome) - \(scoreAway) Away" // Transform the value
})
Slide 21
Slide 21 text
let scoreHome = MutableProperty(0)
let scoreAway = MutableProperty(0)
let scoreProducer = SignalProducer
.combineLatest(scoreHome.producer, scoreAway.producer) // Create a stream
.map({ (scoreHome, scoreAway) -> String in
return "Home \(scoreHome) - \(scoreAway) Away" // Transform the value
})
scoreboardLabel.reactive.text <~ scoreProducer // Bind to the label
Slide 22
Slide 22 text
let scoreHome = MutableProperty(0)
let scoreAway = MutableProperty(0)
let scoreProducer = SignalProducer
.combineLatest(scoreHome.producer, scoreAway.producer) // Create a stream
.map({ (scoreHome, scoreAway) -> String in
return "Home \(scoreHome) - \(scoreAway) Away" // Transform the value
})
scoreboardLabel.reactive.text <~ scoreProducer // Bind to the label
func homeScored(){
scoreHome.value += 1
}
func awayScored(){
scoreAway.value += 1
}
homeScored() // scoreboardLabel.text = “Home 1 - 0 Away”
awayScored() // scoreboardLabel.text = “Home 1 - 1 Away”
awayScored() // scoreboardLabel.text = “Home 1 - 2 Away”
Slide 23
Slide 23 text
scoreboardLabel.reactive.text <~ viewModel.scoreProducer // Bind to the label
USING FRP IN PRODUCTION WITH MVVM
Slide 24
Slide 24 text
ReactiveSwift
RxSwift
Slide 25
Slide 25 text
RxSwift
vs
ReactiveSwift
Slide 26
Slide 26 text
Languages
Java: RxJava
JavaScript: RxJS
C#: Rx.NET
C#(Unity): UniRx
Scala: RxScala
Clojure: RxClojure
C++: RxCpp
Lua: RxLua
Ruby: Rx.rb
Python: RxPY
Groovy: RxGroovy
JRuby: RxJRuby
Kotlin: RxKotlin
Swift: RxSwift
PHP: RxPHP
RxSwift
vs
ReactiveSwift
Slide 27
Slide 27 text
let scoreHome = MutableProperty(0)
let scoreAway = MutableProperty(0)
ReactiveSwift RxSwift
let scoreHome = Variable(0)
let scoreAway = Variable(0)
Slide 28
Slide 28 text
SignalProducer
.combineLatest(
scoreHome.producer,
scoreAway.producer
)
Observable
.combineLatest(
scoreHome.asObservable(),
scoreAway.asObservable()){
return ($0, $1)
}
ReactiveSwift RxSwift
Slide 29
Slide 29 text
CHOOSE THE ONE WHICH SUITS YOU
'()
Slide 30
Slide 30 text
SO.. WHY FRP?
Slide 31
Slide 31 text
IS A DIGITAL AGENCY
Slide 32
Slide 32 text
DIGITAL AGENCY > MANY APPS
Slide 33
Slide 33 text
IMPLEMENTING PATTERNS MULTIPLE TIMES
Slide 34
Slide 34 text
MAKE IT EASY TO IMPLEMENT COMMON PATTERNS
Slide 35
Slide 35 text
MANY PROJECTS
> IMPLEMENTING PATTERNS MULTIPLE TIMES
> A LOT OF SWITCHING BETWEEN PROJECTS FOR DEVS
Slide 36
Slide 36 text
MANY PROJECTS
BUILDING PATTERNS MULTIPLE TIMES > INTERNAL FRAMEWORKS
A LOT OF SWITCHING BETWEEN PROJECTS > COMMON PROJECT SETUP
Slide 37
Slide 37 text
> EASIER ADOPTION (ALSO FOR NEWBIES) <
MANY PROJECTS
BUILDING PATTERNS MULTIPLE TIMES > INTERNAL FRAMEWORKS
A LOT OF SWITCHING BETWEEN PROJECTS > COMMON PROJECT SETUP
Slide 38
Slide 38 text
CREATE A COMMON PROJECT SETUP
Slide 39
Slide 39 text
CREATE A COMMON PROJECT SETUP
CREATE INTERNAL FRAMEWORKS
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
INTERNAL FRAMEWORKS
Slide 42
Slide 42 text
INTERNAL FRAMEWORKS
- TIFNetwork
- TIFUIElements
- TIFExtensions
- TIFGoogleCast
- TIFChatbot
- ALDataRequestView
- ALReactiveCocoaExtension
Many more..
Slide 43
Slide 43 text
INTERNAL FRAMEWORKS AS A SOLUTIONS FOR COMMON PATTERNS
- Networking implementations
- Networking failure
- Calls signing
- Empty datasets
- Loading states
Slide 44
Slide 44 text
SO.. WHY FRP?
Slide 45
Slide 45 text
- Networking implementations
- Networking failure
- Calls signing
- Empty datasets
- Loading states
FRP TO GLUE THIS TOGETHER
FRP
INTERNAL FRAMEWORKS AS A SOLUTIONS FOR COMMON
Slide 46
Slide 46 text
LET’S DIVE INTO THIS
Slide 47
Slide 47 text
TIFNETWORK
Slide 48
Slide 48 text
TIFNETWORK
MOYA
Slide 49
Slide 49 text
let RACProvider = ReactiveCocoaMoyaProvider(])
Slide 50
Slide 50 text
enum ExampleAPI {
case getArray
}
Slide 51
Slide 51 text
extension ExampleAPI: JSONMappableTargetType {
var baseURL: URL { return URL(string: "https://httpbin.org")! }
var path: String {
switch self {
case .getArray:
return "/getarray"
}
}
var method: Moya.Method {
return .get
}
var parameters: [String: Any]? {
return nil
}
var sampleData: Data {
switch self {
case .getArray:
return stubbedResponseFromJSONFile("array_response")
}
}
}
Slide 52
Slide 52 text
RACProvider.request(token: ExampleAPI.getArray) // Create a stream
.map(to: [GetResponse.self]) // Transform the value (response data)
.on(value: { (array) in
print(array.count) // Prints the count of the objects
}, failed: { (error) in
print(error) // Prints the error
})
.start() // Start the data request
Slide 53
Slide 53 text
MAKING USE OF FRP
Slide 54
Slide 54 text
MAKING USE OF TRANSFORMATIONS
Slide 55
Slide 55 text
CALL SIGNING
extension BuienradarAPI : TIFRACAPI {
public func request() -> SignalProducer {
return BRCallSigningManager.sharedManager.refreshSigningKeyIfNeeded().flatMap(.Latest) { (_) ->
SignalProducer in
return TIFProvider.request(self)
}
}
}
Slide 56
Slide 56 text
CALL SIGNING
extension BuienradarAPI : TIFRACAPI {
public func request() -> SignalProducer {
return BRCallSigningManager.sharedManager.refreshSigningKeyIfNeeded().flatMap(.Latest) { (_) ->
SignalProducer in
return TIFProvider.request(self)
}
}
}
CHECK IF SIGNING KEY IS STILL VALID BEFORE EACH REQUEST
Slide 57
Slide 57 text
REQUEST STREAM >✅> PERFORM SIGNED REQUEST✅
Slide 58
Slide 58 text
REQUEST STREAM >❌> PERFORM SIGNED REQUEST❌
Slide 59
Slide 59 text
REQUEST STREAM >❌> PERFORM KEY REFRESH
REQUEST > PERFORM SIGNED REQUEST✅
Slide 60
Slide 60 text
PLUGINS
INFLIGHTS TRACKING
STUBBED PROVIDER
SUPPORT FOR REACTIVESWIFT & RXSWIFT
and more..
Moya
https://github.com/Moya/Moya
Slide 61
Slide 61 text
CONNECTING TO ALDATAREQUESTVIEW WITH FRP
Slide 62
Slide 62 text
ALDATAREQUESTVIEW IN BUIENRADAR
LOADING FAILED
SUCCESS
Slide 63
Slide 63 text
VIDEOLAND AND ALDATAREQUESTVIEW
Slide 64
Slide 64 text
VIDEOLAND AND ALDATAREQUESTVIEW
LOADING EMPTY FAILED SUCCESS
Slide 65
Slide 65 text
ALDATAREQUESTVIEW > 4 STATES
• STREAM STARTS > SHOW LOADING VIEW
• STREAM FAILS > SHOW FAILURE VIEW
• STREAM SUCCESS & EMPTY > SHOW EMPTY VIEW
• STREAM SUCCESS & DATA > HIDE
Slide 66
Slide 66 text
dataRequestView = ALDataRequestView(forAutoLayout: ())
dataRequestView?.hidden = true
dataRequestView?.dataSource = dataRequestViewDataSource
view.addSubview(dataRequestView!)
dataRequestView?.autoPinEdgesToSuperviewEdges()
CONNECTING TO ALDATAREQUESTVIEW WITH FRP
Slide 67
Slide 67 text
BuienradarAPI.WeatherVideoList()
.request() // Create stream
.map(to: [BRWeatherVideo]) // Transform
.onNext { [weak self] (weatherVideos) -> () in
self?.weatherVideos = weatherVideos
self?.collectionView.reloadData()
}.start()
CONNECTING TO ALDATAREQUESTVIEW WITH FRP
Slide 68
Slide 68 text
BuienradarAPI.WeatherVideoList()
.request() // Create stream
.map(to: [BRWeatherVideo]) // Transform
.onNext { [weak self] (weatherVideos) -> () in
self?.weatherVideos = weatherVideos
self?.collectionView.reloadData()
}.attachToDataRequestView(dataRequestView!)
.start()
CONNECTING TIFNETWORK TO ALDATAREQUESTVIEW
Slide 69
Slide 69 text
public protocol ALDataRequestViewDataSource : class {
func loadingViewForDataRequestView(dataRequestView: ALDataRequestView) -> UIView?
func reloadViewControllerForDataRequestView(dataRequestView: ALDataRequestView) -> ALDataReloadType?
func emptyViewForDataRequestView(dataRequestView: ALDataRequestView) -> UIView?
func hideAnimationDurationForDataRequestView(dataRequestView: ALDataRequestView) -> NSTimeInterval
func showAnimationDurationForDataRequestView(dataRequestView: ALDataRequestView) -> NSTimeInterval
}
ALDataRequestView, by A. van der Lee
https://github.com/AvdLee/ALDataRequestView
CONNECTING TIFNETWORK TO ALDATAREQUESTVIEW
Slide 70
Slide 70 text
DEMO: REVEAL RAFFLE
Source: https://github.com/AvdLee/MeetupRaffle
Slide 71
Slide 71 text
DEMO: REVEAL RAFFLE
15% DISCOUNT CODE:
AMSTERDAM-DO-IOS-NOV16 (valid until the 31st of November).
Slide 72
Slide 72 text
OTHER FRP IDEAS BASED ON
.attachToSignalProducerReloader(foregroundReloader, reloadAction: reloaderReloadAction)
UIApplicationDidBecomeActive
Slide 73
Slide 73 text
OTHER FRP IDEAS BASED ON
.attachToSignalProducerReloader(appearReloader, reloadAction: reloaderReloadAction)
override func viewDidAppear(animated: Bool) {
super.viewDidAppear(animated)
appearReloader.viewAppeared()
}
Slide 74
Slide 74 text
THAT’S IT! :-)
Slide 75
Slide 75 text
THANKS!!
@twannl
avdlee
www.avanderlee.com
RESOURCES:
https://github.com/AvdLee/Moya-JASONMapper
https://github.com/Moya/Moya
https://github.com/ReactiveX/RxSwift
https://github.com/ReactiveCocoa/ReactiveSwift
https://github.com/AvdLee/ALDataRequestView
https://github.com/AvdLee/ALReactiveCocoaExtension
http://www.avanderlee.com/reactivecocoa/moya-with-swiftyjson/
https://github.com/AvdLee/MeetupRaffle