Functional Reactive Programming

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