Using Functional Reactive Programming in Production

This talk will give you insights into how Functional Reactive Programming can help you build apps faster by making it more easy to implementing common patterns such as networking failures. I'll discuss the way we build apps like RTL XL and Buienradar at Triple and how we create projects which are familiar to work on for all developers in our team.

Combining ReactiveCocoa, Moya and a JSON parsing libraries creates new ways of networking in iOS apps built with Swift. By creating UI elements which can connect with these libraries you gain the ability to implement common patterns.

Transcript

1. USING FUNCTIONAL REACTIVE PROGRAMMING IN PRODUCTION
2. WHO IS FAMILIAR WITH 
 FUNCTIONAL REACTIVE PROGRAMMING (FRP)?
3. WHO IS FAMILIAR WITH 
 FUNCTIONAL REACTIVE PROGRAMMING (FRP)? !
4. WHAT IS FUNCTIONAL REACTIVE PROGRAMMING?
5. WHAT IS FUNCTIONAL REACTIVE PROGRAMMING?
6. Erica Sadun http://ericasadun.com/2016/11/08/swift-by-emoji-a-considered-approach/
7. Erica Sadun http://ericasadun.com/2016/11/08/swift-by-emoji-a-considered-approach/
8. Erica Sadun http://ericasadun.com/2016/11/08/swift-by-emoji-a-considered-approach/
9. BUT WHAT IS FUNCTIONAL REACTIVE PROGRAMMING?
10. STREAMS + TRANSFORMATIONS + BINDINGS = FUNCTIONAL REACTIVE PROGRAMMING Functional Reactive Awesomeness With Swift, by Ash Furrow
 https://realm.io/news/altconf-ash-furrow-functional-reactive-swift/
11. STREAMS SEND STUFF STREAMS > TRANSFORMATIONS > BINDINGS
12. THEY CAN TRANSFORM STREAMS > TRANSFORMATIONS > BINDINGS
13. AND BIND TO THINGS STREAMS > TRANSFORMATIONS > BINDINGS
14. STREAMS + TRANSFORMATIONS + BINDINGS = FUNCTIONAL REACTIVE PROGRAMMING
15. FOR CODE EXAMPLES!
16. REAL LIFE EXAMPLE
17. ReactiveSwift
18. let scoreHome = MutableProperty<Int>(0) let scoreAway = MutableProperty<Int>(0)
19. let scoreHome = MutableProperty<Int>(0) let scoreAway = MutableProperty<Int>(0) let scoreProducer = SignalProducer .combineLatest(scoreHome.producer, scoreAway.producer) // Create a stream
20. let scoreHome = MutableProperty<Int>(0) let scoreAway = MutableProperty<Int>(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 })
21. let scoreHome = MutableProperty<Int>(0) let scoreAway = MutableProperty<Int>(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
22. let scoreHome = MutableProperty<Int>(0) let scoreAway = MutableProperty<Int>(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”
23. scoreboardLabel.reactive.text <~ viewModel.scoreProducer // Bind to the label USING FRP IN PRODUCTION WITH MVVM
24. ReactiveSwift RxSwift
25. RxSwift vs ReactiveSwift
26. 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
27. let scoreHome = MutableProperty<Int>(0) let scoreAway = MutableProperty<Int>(0) ReactiveSwift RxSwift let scoreHome = Variable<Int>(0) let scoreAway = Variable<Int>(0)
28. SignalProducer .combineLatest( scoreHome.producer, scoreAway.producer ) Observable .combineLatest( scoreHome.asObservable(), scoreAway.asObservable()){ return ($0, $1) } ReactiveSwift RxSwift
29. CHOOSE THE ONE WHICH SUITS YOU '()
30. SO.. WHY FRP?
31. IS A DIGITAL AGENCY
32. DIGITAL AGENCY > MANY APPS
33. IMPLEMENTING PATTERNS MULTIPLE TIMES
34. MAKE IT EASY TO IMPLEMENT COMMON PATTERNS
35. MANY PROJECTS > IMPLEMENTING PATTERNS MULTIPLE TIMES > A LOT OF SWITCHING BETWEEN PROJECTS FOR DEVS
36. MANY PROJECTS BUILDING PATTERNS MULTIPLE TIMES > INTERNAL FRAMEWORKS A LOT OF SWITCHING BETWEEN PROJECTS > COMMON PROJECT SETUP
37. > EASIER ADOPTION (ALSO FOR NEWBIES) < MANY PROJECTS BUILDING PATTERNS MULTIPLE TIMES > INTERNAL FRAMEWORKS A LOT OF SWITCHING BETWEEN PROJECTS > COMMON PROJECT SETUP
38. CREATE A COMMON PROJECT SETUP
39. CREATE A COMMON PROJECT SETUP CREATE INTERNAL FRAMEWORKS
41. INTERNAL FRAMEWORKS
42. INTERNAL FRAMEWORKS - TIFNetwork - TIFUIElements - TIFExtensions - TIFGoogleCast - TIFChatbot - ALDataRequestView - ALReactiveCocoaExtension Many more..
43. INTERNAL FRAMEWORKS AS A SOLUTIONS FOR COMMON PATTERNS - Networking implementations - Networking failure - Calls signing - Empty datasets - Loading states
44. SO.. WHY FRP?
45. - Networking implementations - Networking failure - Calls signing - Empty datasets - Loading states FRP TO GLUE THIS TOGETHER FRP INTERNAL FRAMEWORKS AS A SOLUTIONS FOR COMMON
46. LET’S DIVE INTO THIS
47. TIFNETWORK
48. TIFNETWORK MOYA
49. let RACProvider = ReactiveCocoaMoyaProvider<ExampleAPI>(])
50. enum ExampleAPI { case getArray }
51. 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") } } }
52. 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
53. MAKING USE OF FRP
54. MAKING USE OF TRANSFORMATIONS
55. CALL SIGNING extension BuienradarAPI : TIFRACAPI { public func request() -> SignalProducer<Moya.Response, Moya.Error> { return BRCallSigningManager.sharedManager.refreshSigningKeyIfNeeded().flatMap(.Latest) { (_) -> SignalProducer<Moya.Response, Moya.Error> in return TIFProvider.request(self) } } }
56. CALL SIGNING extension BuienradarAPI : TIFRACAPI { public func request() -> SignalProducer<Moya.Response, Moya.Error> { return BRCallSigningManager.sharedManager.refreshSigningKeyIfNeeded().flatMap(.Latest) { (_) -> SignalProducer<Moya.Response, Moya.Error> in return TIFProvider.request(self) } } } CHECK IF SIGNING KEY IS STILL VALID BEFORE EACH REQUEST
57. REQUEST STREAM >✅> PERFORM SIGNED REQUEST✅
58. REQUEST STREAM >❌> PERFORM SIGNED REQUEST❌
59. REQUEST STREAM >❌> PERFORM KEY REFRESH REQUEST > PERFORM SIGNED REQUEST✅
60. PLUGINS INFLIGHTS TRACKING STUBBED PROVIDER SUPPORT FOR REACTIVESWIFT & RXSWIFT and more.. Moya
 https://github.com/Moya/Moya
61. CONNECTING TO ALDATAREQUESTVIEW WITH FRP
62. ALDATAREQUESTVIEW IN BUIENRADAR LOADING FAILED SUCCESS
63. VIDEOLAND AND ALDATAREQUESTVIEW
64. VIDEOLAND AND ALDATAREQUESTVIEW LOADING EMPTY FAILED SUCCESS
65. ALDATAREQUESTVIEW > 4 STATES • STREAM STARTS > SHOW LOADING VIEW • STREAM FAILS > SHOW FAILURE VIEW • STREAM SUCCESS & EMPTY > SHOW EMPTY VIEW • STREAM SUCCESS & DATA > HIDE
66. dataRequestView = ALDataRequestView(forAutoLayout: ()) dataRequestView?.hidden = true dataRequestView?.dataSource = dataRequestViewDataSource view.addSubview(dataRequestView!) dataRequestView?.autoPinEdgesToSuperviewEdges() CONNECTING TO ALDATAREQUESTVIEW WITH FRP
67. 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
68. 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
69. 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
70. DEMO: REVEAL RAFFLE Source: https://github.com/AvdLee/MeetupRaffle
71. DEMO: REVEAL RAFFLE 15% DISCOUNT CODE: AMSTERDAM-DO-IOS-NOV16 (valid until the 31st of November).
72. OTHER FRP IDEAS BASED ON .attachToSignalProducerReloader(foregroundReloader, reloadAction: reloaderReloadAction) UIApplicationDidBecomeActive
73. OTHER FRP IDEAS BASED ON .attachToSignalProducerReloader(appearReloader, reloadAction: reloaderReloadAction) override func viewDidAppear(animated: Bool) { super.viewDidAppear(animated) appearReloader.viewAppeared() }
74. THAT’S IT! :-)
75. 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