ReactiveCocoa and Swift, Better Together

ReactiveCocoa and Swift
Better Together
@ColinEberhardt
ShinobiControls

Functional Programming
+
Reactive Programming
=
Functional Reactive
Programming

ReactiveCocoa
In my own words

Every line of code we write is
executed in reaction to an event

But … these events come in
many different forms
KVO
delegates
NSNotification
target-action
callbacks

ReactiveCocoa provides a
common interface for all events!

… this allows us to define a
language for manipulating,
transforming and coordinating
events

Get Reactive
let textSignal: RACSignal =
usernameTextField.rac_textSignal()
textSignal.subscribeNext {
(text: AnyObject!) -> Void in
let textString = text as String
println(textString)
}

Objective-C Friction
println(textString)
}

Simplified with Swift
func subscribeNextAs<T>(nextClosure:(T) -> ()) -> () {
self.subscribeNext {
textSignal.subscribeNextAs {
(text: String) -> () in
println(text)
}
(next: AnyObject!) -> () in
let nextAsT = next! as T
nextClosure(nextAsT)
}
}
println(textString)
}

Signals
• A signal emits events
• next
• error
• completed
• A signal can have none,
one or more subscribers
textSignal.subscribeNextAs({
(text: String) in
println(text)
}, error: {
(error) in
// ...
}, completed: {
// ...
})

Events
Signals can emit none, one or more next events,
optionally followed by either an error or
completed
COMPLETED
NEXT NEXT ERROR
NEXT NEXT NEXT NEXT …
intervals do not
have to be
regular!

Signal all things
• Network request
• A single next, followed by a completed
• Large download
• Multiple next events, representing partial data,
followed by completed
• UI control
• An infinite stream of next events

filter
let textSignal: RACSignal = usernameTextField.rac_textSignal()
let filteredText = textSignal.filterAs {
(text: NSString) -> Bool in
return text.length > 3
}
filteredText.subscribeNextAs {
(text: String) in
println(text)
}
A filter is a ‘gate’, filtering-out events which do not match
the given condition

What exactly are events?
• What does a next event actually look like?
• Anything!
• Signals are an interface for handling
asynchronous events
• The event contents are context dependant

map
let textSignal: RACSignal = usernameTextField.rac_textSignal()
let textLength = textSignal.mapAs {
(text: NSString) -> NSNumber in
return text.length
}
textLength.subscribeNextAs {
(length: NSNumber) in
println(length)
}
Transforms each next event (please ignore the types!)

Creating a pipeline
let textLength = textSignal.mapAs {
return text.length
}
let filteredText = textLength.filterAs {
(number: NSNumber) -> Bool in
return number > 3
}
filteredText.subscribeNextAs {
println(length)
}

Fluent syntax
usernameTextField
.rac_textSignal()
.mapAs {
return text.length
}
.filterAs {
(number: NSNumber) -> Bool in
return number > 3
}
.subscribeNextAs {
println(length)
}

number- number-
ReactiveCocoa Signals
rac_textSignal- map- filter- subscribeNext-string-
PUSH%
Lazy Sequences
string% number% number%
lazy% map% filter% generator%
PULL$

searchTextField
.rac_textSignal()
.mapAs {
(text: NSString) -> UIColor in
text.length <= 3
? UIColor.lightRedColor()
: UIColor.whiteColor()
}
.setKeyPath("backgroundColor", onObject: searchTextField)

Don’t search for very short
search terms

Don’t issue a new query on
each key press

searchTextField
.rac_textSignal()
.throttle(0.5)
.filterAs {
text.length > 3
}
.subscribeNextAs {
(text: NSString) -> () in
println(text)
}

rac_textSignal-filter-
setKeyPath-thro5le-
filter- subscribeNext-

private func signalForSearchWithText(text: String) -> RACSignal {
func requestforSearchText(text: String) -> SLRequest {
return ...
}
return RACSignal.createSignal {
subscriber -> RACDisposable! in
let request = requestforSearchText(text)
let maybeTwitterAccount = self.getTwitterAccount()
if let twitterAccount = maybeTwitterAccount {
request.account = twitterAccount
request.performRequestWithHandler {
(data, response, _) -> Void in
if response != nil && response.statusCode == 200 {
let timelineData = NSJSONSerialization.parseJSONToDictionary(data)
subscriber.sendNext(timelineData)
subscriber.sendCompleted()
} else {
subscriber.sendError(TwitterInstantError.InvalidResponse.toError())
}
}
} else {
subscriber.sendError(TwitterInstantError.NoTwitterAccounts.toError())
}
return nil
}
}

searchTextField
.rac_textSignal()
.throttle(0.5)
.filterAs {
text.length > 3
}
.mapAs {
(text: NSString) -> RACStream in
self.signalForSearchWithText(text)
}
.subscribeNextAs {
...
}

searchTextField
.rac_textSignal()
.throttle(0.5)
.filterAs {
text.length > 3
}
.flattenMapAs {
}
.subscribeNextAs {
...
}

searchTextField
.rac_textSignal()
.throttle(0.5)
.filterAs {
text.length > 3
}
.flattenMapAs {
}
.deliverOn(RACScheduler.mainThreadScheduler())
.subscribeNextAs {
(tweets: NSDictionary) in
let statuses = tweets["statuses"] as [NSDictionary]
self.tweets = statuses.map { Tweet(json: $0) }
self.tweetsTableView.reloadData()
self.tweetsTableView.scrollToTop()
}

setKeyPath-thro5le-
filter- fla5enMap-twi5erSearch-deliverOn-
subscribeNext-

requestAccessToTwitterSignal()
.then {
self.searchTextField.rac_textSignal()
}
.filterAs {
...
}
.throttle(0.5)
...

setKeyPath-thro5le-
filter- fla5enMap-twi5erSearch-deliverOn-
subscribeNext-requestAccess-signal-
then-

.then {
}
.filterAs {
...
}
.throttle(0.5)
.doNext {
...
}
.flattenMapAs {
...
}
.subscribeNextAs({
...
}, {
(error) in
println(error)
})

Fire a sentiment API request
for each tweet and merge the
signals?

Fetch sentiment data when
cells become visible?

Fetch sentiment data when a
cell has been visible for a short
duration?

RACSignal
.interval(0.5, onScheduler:
RACScheduler(priority: RACSchedulerPriorityBackground))
.take(1)
.takeUntil(rac_prepareForReuseSignal)
.flattenMap {
(next) -> RACStream in
self.obtainSentimentSignal(hasTweet)
}
.subscribeNextAs {
(sentiment: String) in
NSNotificationCenter.defaultCenter()
.postNotificationName("sentiment", object: sentiment)
self.sentimentIndicator.backgroundColor =
self.sentimentToColor(sentiment)
}

func scale(domainMin: Double, domainMax: Double, screenMin: Double,
screenMax: Double, pt: Double) -> CGFloat {
let value = ((pt - domainMin) / (domainMax - domainMin))
* (screenMax - screenMin) + screenMin
return CGFloat(value)
}

func scale(domainMin: Double, domainMax: Double, screenMin: Double,
screenMax: Double)(pt: Double) -> CGFloat {
let value = ((pt - domainMin) / (domainMax - domainMin))
* (screenMax - screenMin) + screenMin
return CGFloat(value)
}

let xscale = scale(0, Double(maxValue), 35, Double(self.bounds.width - 35))
let yscale = scale(0, 3, 0, Double(self.bounds.height))
positiveLayer.frame = CGRect(x: xscale(pt: 0), y: yscale(pt: 1),
width: xdelta(pt1: Double(positive), pt2: 0.0), height: yscale(pt: 1))
neutralLayer.frame = ...
func delta(scale:(Double) -> CGFloat)(pt1: Double, pt2: Double) -> CGFloat {
return scale(pt1) - scale(pt2)
}
let xdelta = delta(xscale)

.then {
}
.filterAs {
text.length > 3
}
.doNext {
(any) in
self.tweetsTableView.alpha = 0.5
}
.throttle(0.5)
.doNext {
(any) in
NSNotificationCenter.defaultCenter().postNotificationName("sentiment", object: "reset")
}
.flattenMapAs {
}
.subscribeNextAs({
(tweets: NSDictionary) in
let statuses = tweets["statuses"] as [NSDictionary]
self.tweets = statuses.map { Tweet(json: $0) }
self.tweetsTableView.reloadData()
self.tweetsTableView.scrollToTop()
self.tweetsTableView.alpha = 1.0
}, {
(error) in
println(error)
})

http://stackoverflow.com/questions/3124001/fluent-interface-pattern-in-objective-c

[[[[[[[[self requestAccessToTwitterSignal]
then:^RACSignal *{
@strongify(self)
return self.searchText.rac_textSignal;
}]
filter:^BOOL(NSString *text) {
@strongify(self)
return [self isValidSearchText:text];
}]
throttle:0.5]
flattenMap:^RACStream *(NSString *text) {
@strongify(self)
return [self signalForSearchWithText:text];
}]
map:^id(NSDictionary *jsonSearchResult) {
NSArray *statuses = jsonSearchResult[@"statuses"];
NSArray *tweets = [statuses linq_select:^id(id tweet) {
return [RWTweet tweetWithStatus:tweet];
}];
return tweets;
}]
deliverOn:[RACScheduler mainThreadScheduler]]
subscribeNext:^(NSArray *tweets) {
[self.resultsViewController displayTweets:tweets];
} error:^(NSError *error) {
NSLog(@"An error occurred: %@", error);
}];

39 constants
12 variables
6 outlets (not my fault!)
1 UIWindow
5 UI state variables

ReactiveCocoa and Swift
Better Together
@ColinEberhardt
ShinobiControls
TwitterSentiment:
https://github.com/ColinEberhardt/ReactiveSwiftLondon
MVVM with ReactiveCocoa and Swift:
https://github.com/ColinEberhardt/ReactiveSwiftFlickrSearch
Tutorials:
http://www.raywenderlich.com/u/ColinEberhardt

ReactiveCocoa and Swift, Better Together

Recommended

More Related Content

What's hot (20)

Viewers also liked (7)

Similar to ReactiveCocoa and Swift, Better Together (20)

Recently uploaded (20)

ReactiveCocoa and Swift, Better Together