Functional Reactive Programming

Functional Reactive Programming 101.

Transcript

1. Func%onal)Reac%ve)Programming Oscar&Swanros MobileCoder.mx mobilecoder.mx,-2015 1
2. @Swanros h"p:/ /swanros.com mobilecoder.mx,-2015 2
3. I"got"bored. mobilecoder.mx,-2015 3
4. Un#l... mobilecoder.mx,-2015 4
5. WWDC$'14 mobilecoder.mx,-2015 5
6. I'm$running$away$from$OOP$and$the$ MVC$pa9ern. mobilecoder.mx,-2015 6
7. And$also$a$li*le$bit$ of... mobilecoder.mx,-2015 7
8. typedef (^myBlock)(BOOL isThisCool) = ^void() { // }; mobilecoder.mx,-2015 8
9. Callback'hell,'anyone? mobilecoder.mx,-2015 9
10. Because'it'gets'boring'quickly... ! mobilecoder.mx,-2015 10
11. Enter&FRP. mobilecoder.mx,-2015 11
12. Func%onal)Reac%ve)Programming = Func%onal)Programming)+)Reac%ve)Programming mobilecoder.mx,-2015 12
13. Func%onal)Programming In#a#purely'func+onal#language,#f(x)#will#return#the#same#value#for# the#same#x. Always. mobilecoder.mx,-2015 13
14. Reac%ve'Programming In#a#reac%ve#language,#y=f(x) y!will!always!stay!up!to!date!when!x! changes. mobilecoder.mx,-2015 14
15. mobilecoder.mx,-2015 15
16. FRP!is!about!datatypes!that! represent!a!value!over!&me. mobilecoder.mx,-2015 16
17. At#the#core#of#FRP#are#Signals. mobilecoder.mx,-2015 17
18. A"Signal"is"a"value"that"changes"over()me. mobilecoder.mx,-2015 18
19. done := make(chan bool) watcher := notificator.New() for { select { case newText := <-watcher.Next: fmt.Println(newText) case error := <-watcher.Error: log.Fatal(error) } } <-done mobilecoder.mx,-2015 19
20. [self.emailTextField.rac_textSignal subscribeNext:^(id value) { NSLog(@"%@", value); }]; mobilecoder.mx,-2015 20
21. mobilecoder.mx,-2015 21
22. @interface ViewController()<UITextFieldDelegate> // ... self.emailTextField.delegate = self; // ... -(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string { NSLog(@"%@", [textField.text stringByAppendingString:string]); return YES; } mobilecoder.mx,-2015 22
23. [self.emailTextField.rac_textSignal subscribeNext:^(id value) { NSLog(@"%@", value); }]; mobilecoder.mx,-2015 23
24. // 1 RACSignal *usernameTextSignal = self.usernameTextField.rac_textSignal; RACSignal *passwordTextSignal = self.passwordTextField.rac_textSignal; // 2 RACSignal *validUsernameSignal = [[usernameTextSignal map:^id(NSString *username) { return @([self isValidUsername:username]); }] distinctUntilChanged]; RACSignal *validPasswordSignal = [[passwordTextSignal map:^id(NSString *password) { return @([self isValidPassword:password]); }] distinctUntilChanged]; // 3 RAC(self.usernameTextField, backgroundColor) = [validUsernameSignal map:^id(NSNumber *usernameValid) { return [usernameValid boolValue] ? [UIColor greenColor] : [UIColor redColor]; }]; RAC(self.passwordTextField, backgroundColor) = [validPasswordSignal map:^id(NSNumber *passwordValid) { return [passwordValid boolValue] ? [UIColor greenColor] : [UIColor redColor]; }]; // 4 [[RACSignal combineLatest:@[validUsernameSignal, validPasswordSignal] reduce:^id(NSNumber *usernameValid, NSNumber *passwordValid){ return @([usernameValid boolValue] == YES && [passwordValid boolValue] == YES); }] subscribeNext:^(NSNumber *loginButtonActive) { self.loginButton.enabled = [loginButtonActive boolValue]; }]; mobilecoder.mx,-2015 24
25. mobilecoder.mx,-2015 25
26. Func%onal)Reac%ve)Programming)lets)you)be)more)concise)with)your)code. mobilecoder.mx,-2015 26
27. Focus&on&what&you&want&to&do, and$not$on$how$to$do$it. mobilecoder.mx,-2015 27
28. (That's(the(Func.onal(mo#o.) mobilecoder.mx,-2015 28
29. Resources? mobilecoder.mx,-2015 29
30. Ruby:&frapuccino class Button def push emit(:pushed) end end button = Button.new stream = Frappuccino::Stream.new(button) counter = stream .map {|event| event == :pushed ? 1 : 0 } .inject(0) {|sum, n| sum + n } counter.now # => 0 button.push counter.now # => 1 mobilecoder.mx,-2015 30
31. JS:$RxJS var source = getStockData(); source .filter(function (quote) { return quote.price > 30; }) .map(function (quote) { return quote.price; }) .forEach(function (price) { console.log('Prices higher than $30: $' + price); }); mobilecoder.mx,-2015 31
32. Learning(FRP(is(hard. mobilecoder.mx,-2015 32
33. But$it's$worth$it. mobilecoder.mx,-2015 33
34. Ques%ons? mobilecoder.mx,-2015 34