SlideShare a Scribd company logo

Intro to Reactive Programming with Swift

X
xw92

The document provides an introduction to reactive programming using RxSwift, emphasizing its use in managing asynchronous data streams and improving error handling in applications. It covers various concepts like observables, observers, and Rx operators for creating, transforming, and handling data streams. Additionally, it discusses best practices for networking in iOS applications, making code cleaner and more functional through the adoption of RxSwift.

Software
1 of 56
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
Introduction to Reactive Programming with RxSwift Xinran Wang Software Engineer Digital Home, Comcast NBCUniversal
What is Reactive Programming? Programming with asynchronous data streams Treat events as sequences (streams) of data
Improve API client retries and error handling Simplify app auth management
someAsyncFunction { anotherAsyncFunction1 { anotherAsyncFunction2 { anotherAsyncFunction3 { anotherAsyncFunction4 { // Thank God this has no error handling 😰 } } } } }
asyncObservable() .flatMap { _ in return asyncObservable2() } .flatMap { _ in return asyncObservable3() } .flatMap { _ in return asyncObservable4() } .subscribe(onNext: { data in // handle last result }, onError{ error in // handle errors })
Main Terminology (the boring stuff)
Streams of data (think Swift sequences + async) Observable
Event An element/value of the data stream onNext: onError: onComplete:
Observer/Subscriber Subscribes to the … Observable Handles Events (the data stream elements) Stream starts on“subscription”
Disposable Disconnects the data stream Ends Event ingestion Handles cleanup of resources
Main Terminology - Observable - Event - Subscriber - Disposable Icons made by https://www.flaticon.com/authors/smashicons from www.flaticon.com
Main Terminology - Observable - Event - Subscriber - Disposable
Main Terminology - Observable - Event - Subscriber - Disposable
Main Terminology - Observable - Event - Subscriber - Disposable
Ok, now the fun stuff: what do I do with these data streams?
Rx Operators! (the fun stuff) // Creating: create, from, just … // Transforming map, flatMap, buffer … // Filtering filter, first, skip, debounce … // Combining merge, zip, combineLatest … // Error Handling catch, retry // Utility subscribe, delay, do … // Conditional/Boolean contains, all, skipUntil … // Mathematical and Aggregation count, max, min, reduce …
Creating! // Creating: create, from, just … // Transforming map, flatMap, buffer … // Filtering filter, first, skip, debounce … // Combining merge, zip, combineLatest … // Error Handling catch, retry // Utility subscribe, delay, do … // Conditional/Boolean contains, all, skipUntil … // Mathematical and Aggregation count, max, min, reduce …
Observable.create { observer in asyncFunction(completion: { // create the event for each piece of data // observer.onNext() // observer.onError() // observer.onComplete() }) return Disposables.create() }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } } makeSushiObservable() // observable stream STARTS on subscription // so makeSushi actually first gets called here .subscribe(onNext: { sushi in // eat the sushi! }, onError: { error in // complain to the waiter }) .disposed(by: disposeBag)
func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } } makeSushiObservable() // observable stream STARTS on subscription // so makeSushi actually first gets called here .subscribe(onNext: { sushi in // eat the sushi! }, onError: { error in // complain to the waiter }) .disposed(by: disposeBag)
More Operators! // Creating: create, from, just … // Transforming map, flatMap, buffer … // Filtering filter, first, skip, debounce … // Combining merge, zip, combineLatest … // Error Handling catch, retry // Utility subscribe, delay, do … // Conditional/Boolean contains, all, skipUntil … // Mathematical and Aggregation count, max, min, reduce …
let sushi = Observable.zip(makeRice(), sliceFish(tuna)) { (rice, tuna) -> Sushi in return Sushi(rice, tuna) } sushi.filter { sushi in return !sushi.isVegetarian() } .map { (sushi: Sushi) -> Sushi in return addSoySauce(sushi) } .map { addWasabi }
let sushi = Observable.zip(makeRice(), sliceFish(tuna)) { (rice, tuna) -> Sushi in return Sushi(rice, tuna) } sushi.filter { sushi in return !sushi.isVegetarian() } .map { (sushi: Sushi) -> Sushi in return addSoySauce(sushi) } .map { addWasabi }
Cool … Why and how would I actually use this for building my iOS app?
Networking Unified Error Handling & Better Retries
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
private static func handleResponse( data: Data?, response: URLResponse? ) throws -> Observable<[String: Any]> { guard let httpResponse = response as? HTTPURLResponse else { throw APIError.invalidResponse(response) } guard 200..<300 ~= httpResponse.statusCode else { throw APIError.badStatusCode(httpResponse) } guard let responseData = data else { throw APIError.badData(data, httpResponse) } if let json = try JSONSerialization .jsonObject(with: responseData, options: []) as? [String: Any] { return Observable.just(json) } else { throw APIError.jsonParsingError } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
private static func handleResponse( data: Data?, response: URLResponse? ) throws -> Observable<[String: Any]> { guard let httpResponse = response as? HTTPURLResponse else { throw APIError.invalidResponse(response) } guard 200..<300 ~= httpResponse.statusCode else { throw APIError.badStatusCode(httpResponse) } guard let responseData = data else { throw APIError.badData(data, httpResponse) } if let json = try JSONSerialization .jsonObject(with: responseData, options: []) as? [String: Any] { return Observable.just(json) } else { throw APIError.jsonParsingError } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { ... } static func response(request: URLRequest, completion: @escaping ([String: Any])->Void) { responseObservable(request: request) .subscribe(onNext: { data in completion(data) }) .disposed(by: apiClientDisposeBag) } } APIClient.response(request: req) { json in // do stuff with json }
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { ... } static func response(request: URLRequest, completion: @escaping ([String: Any])->Void) { responseObservable(request: request) .subscribe(onNext: { data in completion(data) }) .disposed(by: apiClientDisposeBag) } } APIClient.response(request: req) { json in // do stuff with json }
class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { ... } static func response(request: URLRequest, completion: @escaping ([String: Any])->Void) { responseObservable(request: request) .subscribe(onNext: { data in completion(data) }) .disposed(by: apiClientDisposeBag) } } APIClient.response(request: req) { json in // do stuff with json }
Final Thoughts
Final Thoughts 1. 👎 Avoid nesting subscriptions
APIClient.fetchMovie(id).subscribe(onNext: { movie in APIClient.fetchMovieDetails(movie).subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag) }) .addDisposableTo(disposeBag) APIClient.fetchMovie(id) .flatMap { id in return APIClient.fetchMovieDetails(movie) } .subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag)
APIClient.fetchMovie(id).subscribe(onNext: { movie in APIClient.fetchMovieDetails(movie).subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag) }) .addDisposableTo(disposeBag) APIClient.fetchMovie(id) .flatMap { id in return APIClient.fetchMovieDetails(movie) } .subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag)
Final Thoughts 2. Makes networking cleaner
Final Thoughts 3. Rx forces your code to be more functional
Final Thoughts 4. Can go from callbacks to observable The whole project does not need to be observable
Useful Resources General: - http://reactivex.io/documentation/observable.html - http://rxmarbles.com/ RxSwift-specific: - https://github.com/ReactiveX/RxSwift - https://egghead.io/courses/introduction-to-reactive-programming - https://www.raywenderlich.com/138547/getting-started-with-rxswift-and-rxcocoa - https://www.raywenderlich.com/158026/introducing-rxswift-reactive-programming-swift
Thanks! www.xinran-wang.com www.linkedin.com/in/xinranw www.github.com/xinranw @xw92

More Related Content

PDF
Containers & Dependency in Ember.js
Matthew Beale
 
PDF
Swift & ReactiveX – Asynchronous Event-Based Funsies with RxSwift
Aaron Douglas
 
PDF
Ember and containers
Matthew Beale
 
PDF
Why Redux-Observable?
Anna Su
 
PDF
Everything You (N)ever Wanted to Know about Testing View Controllers
Brian Gesiak
 
PDF
Workshop 5: JavaScript testing
Visual Engineering
 
PDF
You will learn RxJS in 2017
名辰 洪
 
PDF
Callbacks, promises, generators - asynchronous javascript
Łukasz Kużyński
 
Containers & Dependency in Ember.js
Matthew Beale
 
Swift & ReactiveX – Asynchronous Event-Based Funsies with RxSwift
Aaron Douglas
 
Ember and containers
Matthew Beale
 
Why Redux-Observable?
Anna Su
 
Everything You (N)ever Wanted to Know about Testing View Controllers
Brian Gesiak
 
Workshop 5: JavaScript testing
Visual Engineering
 
You will learn RxJS in 2017
名辰 洪
 
Callbacks, promises, generators - asynchronous javascript
Łukasz Kużyński
 

What's hot (20)

PPTX
Avoiding callback hell in Node js using promises
Ankit Agarwal
 
PDF
State management in a GraphQL era
kristijanmkd
 
PDF
Asynchronous and event-driven Grails applications
Alvaro Sanchez-Mariscal
 
PDF
Testing view controllers with Quick and Nimble
Marcio Klepacz
 
PDF
Quick: Better Tests via Incremental Setup
Brian Gesiak
 
PDF
Practical Protocol-Oriented-Programming
Natasha Murashev
 
PDF
Testing Ember Apps: Managing Dependency
Matthew Beale
 
PDF
Complex Architectures in Ember
Matthew Beale
 
PDF
Angular promises and http
Alexe Bogdan
 
PDF
High Performance web apps in Om, React and ClojureScript
Leonardo Borges
 
PDF
Angular server-side communication
Alexe Bogdan
 
PDF
Reactive Thinking in iOS Development - Pedro Piñera Buendía - Codemotion Amst...
Codemotion
 
PDF
Asynchronous Programming FTW! 2 (with AnyEvent)
xSawyer
 
PDF
JavaScript Promise
Joseph Chiang
 
PDF
ESCMAScript 6: Get Ready For The Future. Now
Krzysztof Szafranek
 
PDF
Workshop 10: ECMAScript 6
Visual Engineering
 
PDF
Functional Reactive Programming in Clojurescript
Leonardo Borges
 
PDF
The Strange World of Javascript and all its little Asynchronous Beasts
Federico Galassi
 
PDF
Reactive, component 그리고 angular2
Jeado Ko
 
PDF
The Open Web and what it means
Robert Nyman
 
Avoiding callback hell in Node js using promises
Ankit Agarwal
 
State management in a GraphQL era
kristijanmkd
 
Asynchronous and event-driven Grails applications
Alvaro Sanchez-Mariscal
 
Testing view controllers with Quick and Nimble
Marcio Klepacz
 
Quick: Better Tests via Incremental Setup
Brian Gesiak
 
Practical Protocol-Oriented-Programming
Natasha Murashev
 
Testing Ember Apps: Managing Dependency
Matthew Beale
 
Complex Architectures in Ember
Matthew Beale
 
Angular promises and http
Alexe Bogdan
 
High Performance web apps in Om, React and ClojureScript
Leonardo Borges
 
Angular server-side communication
Alexe Bogdan
 
Reactive Thinking in iOS Development - Pedro Piñera Buendía - Codemotion Amst...
Codemotion
 
Asynchronous Programming FTW! 2 (with AnyEvent)
xSawyer
 
JavaScript Promise
Joseph Chiang
 
ESCMAScript 6: Get Ready For The Future. Now
Krzysztof Szafranek
 
Workshop 10: ECMAScript 6
Visual Engineering
 
Functional Reactive Programming in Clojurescript
Leonardo Borges
 
The Strange World of Javascript and all its little Asynchronous Beasts
Federico Galassi
 
Reactive, component 그리고 angular2
Jeado Ko
 
The Open Web and what it means
Robert Nyman
 
Ad

Similar to Intro to Reactive Programming with Swift (20)

PPTX
Rxjs ngvikings
Christoffer Noring
 
PDF
Advanced redux
Boris Dinkevich
 
PDF
RxJS - 封裝程式的藝術
名辰 洪
 
PDF
The evolution of asynchronous JavaScript
Alessandro Cinelli (cirpo)
 
PDF
Think Async: Asynchronous Patterns in NodeJS
Adam L Barrett
 
PPTX
Reactive Java (33rd Degree)
Tomasz Kowalczewski
 
PDF
Nevyn — Promise, It's Async! Swift Language User Group Lightning Talk 2015-09-24
Joachim Bengtsson
 
PDF
Cycle.js - A functional reactive UI framework
Nikos Kalogridis
 
PDF
Cycle.js - Functional reactive UI framework (Nikos Kalogridis)
GreeceJS
 
PPTX
Reactive Java (GeeCON 2014)
Tomasz Kowalczewski
 
PDF
Chaining and function composition with lodash / underscore
Nicolas Carlo
 
PPTX
Rxjs swetugg
Christoffer Noring
 
PDF
Rxjs kyivjs 2015
Alexander Mostovenko
 
PDF
Reactive Programming Patterns with RxSwift
Florent Pillet
 
PDF
WebCamp:Front-end Developers Day. Александр Мостовенко "Rx.js - делаем асинхр...
GeeksLab Odessa
 
PDF
rx.js make async programming simpler
Alexander Mostovenko
 
PDF
Rxjs vienna
Christoffer Noring
 
PDF
Reduxing like a pro
Boris Dinkevich
 
PDF
Understanding Asynchronous JavaScript
jnewmanux
 
PPTX
Avoiding Callback Hell with Async.js
cacois
 
Rxjs ngvikings
Christoffer Noring
 
Advanced redux
Boris Dinkevich
 
RxJS - 封裝程式的藝術
名辰 洪
 
The evolution of asynchronous JavaScript
Alessandro Cinelli (cirpo)
 
Think Async: Asynchronous Patterns in NodeJS
Adam L Barrett
 
Reactive Java (33rd Degree)
Tomasz Kowalczewski
 
Nevyn — Promise, It's Async! Swift Language User Group Lightning Talk 2015-09-24
Joachim Bengtsson
 
Cycle.js - A functional reactive UI framework
Nikos Kalogridis
 
Cycle.js - Functional reactive UI framework (Nikos Kalogridis)
GreeceJS
 
Reactive Java (GeeCON 2014)
Tomasz Kowalczewski
 
Chaining and function composition with lodash / underscore
Nicolas Carlo
 
Rxjs swetugg
Christoffer Noring
 
Rxjs kyivjs 2015
Alexander Mostovenko
 
Reactive Programming Patterns with RxSwift
Florent Pillet
 
WebCamp:Front-end Developers Day. Александр Мостовенко "Rx.js - делаем асинхр...
GeeksLab Odessa
 
rx.js make async programming simpler
Alexander Mostovenko
 
Rxjs vienna
Christoffer Noring
 
Reduxing like a pro
Boris Dinkevich
 
Understanding Asynchronous JavaScript
jnewmanux
 
Avoiding Callback Hell with Async.js
cacois
 
Ad

Recently uploaded (20)

PPTX
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
Conacent Consulting
 
PDF
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
Andre Kraus
 
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
William Chong
 
PPTX
L1 - Introduction to python Backend.pptx
MoizAhmed480282
 
PPT
Introduction Database Management System for Course Database
ReinertYosua
 
PDF
Nekopoi APK 2025 free lastest update
umarali35kp
 
PDF
Design an Analysis of Algorithms I-SECS-1021-03
DilanEscobar1
 
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
hci7se
 
PDF
Digital Strategies for Manufacturing Companies
Virendra Rai, PMP
 
PDF
top salesforce developer skills in 2025.pdf
CloudMetic
 
PDF
Softaken Excel to vCard Converter Software.pdf
markwillsonmw004
 
PDF
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
pts464036
 
PDF
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
TechBuilder
 
PDF
System and Network Administraation Chapter 3
jaramharo
 
PDF
Design an Analysis of Algorithms II-SECS-1021-03
DilanEscobar1
 
PDF
2025 Textile ERP Trends: SAP, Odoo & Oracle
Aetos Technologies
 
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
Navsoft
 
PDF
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
rohnjim07
 
PPTX
Operating system designcfffgfgggggggvggggggggg
rmskumara09
 
PDF
System and Network Administration Chapter 2
jaramharo
 
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
Conacent Consulting
 
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
Andre Kraus
 
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
William Chong
 
L1 - Introduction to python Backend.pptx
MoizAhmed480282
 
Introduction Database Management System for Course Database
ReinertYosua
 
Nekopoi APK 2025 free lastest update
umarali35kp
 
Design an Analysis of Algorithms I-SECS-1021-03
DilanEscobar1
 
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
hci7se
 
Digital Strategies for Manufacturing Companies
Virendra Rai, PMP
 
top salesforce developer skills in 2025.pdf
CloudMetic
 
Softaken Excel to vCard Converter Software.pdf
markwillsonmw004
 
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
pts464036
 
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
TechBuilder
 
System and Network Administraation Chapter 3
jaramharo
 
Design an Analysis of Algorithms II-SECS-1021-03
DilanEscobar1
 
2025 Textile ERP Trends: SAP, Odoo & Oracle
Aetos Technologies
 
Navsoft: AI-Powered Business Solutions & Custom Software Development
Navsoft
 
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
rohnjim07
 
Operating system designcfffgfgggggggvggggggggg
rmskumara09
 
System and Network Administration Chapter 2
jaramharo
 

Intro to Reactive Programming with Swift

  • 1. Introduction to Reactive Programming with RxSwift Xinran Wang Software Engineer Digital Home, Comcast NBCUniversal
  • 2. What is Reactive Programming? Programming with asynchronous data streams Treat events as sequences (streams) of data
  • 3. Improve API client retries and error handling Simplify app auth management
  • 4. someAsyncFunction { anotherAsyncFunction1 { anotherAsyncFunction2 { anotherAsyncFunction3 { anotherAsyncFunction4 { // Thank God this has no error handling 😰 } } } } }
  • 5. asyncObservable() .flatMap { _ in return asyncObservable2() } .flatMap { _ in return asyncObservable3() } .flatMap { _ in return asyncObservable4() } .subscribe(onNext: { data in // handle last result }, onError{ error in // handle errors })
  • 7. Streams of data (think Swift sequences + async) Observable
  • 8. Event An element/value of the data stream onNext: onError: onComplete:
  • 9. Observer/Subscriber Subscribes to the … Observable Handles Events (the data stream elements) Stream starts on“subscription”
  • 10. Disposable Disconnects the data stream Ends Event ingestion Handles cleanup of resources
  • 11. Main Terminology - Observable - Event - Subscriber - Disposable Icons made by https://www.flaticon.com/authors/smashicons from www.flaticon.com
  • 12. Main Terminology - Observable - Event - Subscriber - Disposable
  • 13. Main Terminology - Observable - Event - Subscriber - Disposable
  • 14. Main Terminology - Observable - Event - Subscriber - Disposable
  • 15. Ok, now the fun stuff: what do I do with these data streams?
  • 16. Rx Operators! (the fun stuff) // Creating: create, from, just … // Transforming map, flatMap, buffer … // Filtering filter, first, skip, debounce … // Combining merge, zip, combineLatest … // Error Handling catch, retry // Utility subscribe, delay, do … // Conditional/Boolean contains, all, skipUntil … // Mathematical and Aggregation count, max, min, reduce …
  • 17. Creating! // Creating: create, from, just … // Transforming map, flatMap, buffer … // Filtering filter, first, skip, debounce … // Combining merge, zip, combineLatest … // Error Handling catch, retry // Utility subscribe, delay, do … // Conditional/Boolean contains, all, skipUntil … // Mathematical and Aggregation count, max, min, reduce …
  • 18. Observable.create { observer in asyncFunction(completion: { // create the event for each piece of data // observer.onNext() // observer.onError() // observer.onComplete() }) return Disposables.create() }
  • 19. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 20. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 21. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 22. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 23. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 24. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 25. func makeSushi(completion: @escaping (Sushi?, Error?)->Void) func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } }
  • 26. func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } } makeSushiObservable() // observable stream STARTS on subscription // so makeSushi actually first gets called here .subscribe(onNext: { sushi in // eat the sushi! }, onError: { error in // complain to the waiter }) .disposed(by: disposeBag)
  • 27. func makeSushiObservable() -> Observable<Sushi?> { return Observable.create { observer in self.makeSushi { (sushi, error) in if let error = error { observer.onError(error) } observer.onNext(sushi) observer.onCompleted() } return Disposables.create() } } makeSushiObservable() // observable stream STARTS on subscription // so makeSushi actually first gets called here .subscribe(onNext: { sushi in // eat the sushi! }, onError: { error in // complain to the waiter }) .disposed(by: disposeBag)
  • 28. More Operators! // Creating: create, from, just … // Transforming map, flatMap, buffer … // Filtering filter, first, skip, debounce … // Combining merge, zip, combineLatest … // Error Handling catch, retry // Utility subscribe, delay, do … // Conditional/Boolean contains, all, skipUntil … // Mathematical and Aggregation count, max, min, reduce …
  • 29. let sushi = Observable.zip(makeRice(), sliceFish(tuna)) { (rice, tuna) -> Sushi in return Sushi(rice, tuna) } sushi.filter { sushi in return !sushi.isVegetarian() } .map { (sushi: Sushi) -> Sushi in return addSoySauce(sushi) } .map { addWasabi }
  • 30. let sushi = Observable.zip(makeRice(), sliceFish(tuna)) { (rice, tuna) -> Sushi in return Sushi(rice, tuna) } sushi.filter { sushi in return !sushi.isVegetarian() } .map { (sushi: Sushi) -> Sushi in return addSoySauce(sushi) } .map { addWasabi }
  • 31. Cool … Why and how would I actually use this for building my iOS app?
  • 33. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
  • 34. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
  • 35. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
  • 36. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
  • 37. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
  • 38. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { return rxResponse(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } } APIClient.responseObservable(request: req) .subscribe(onNext: { data in // handle data })
  • 39. private static func handleResponse( data: Data?, response: URLResponse? ) throws -> Observable<[String: Any]> { guard let httpResponse = response as? HTTPURLResponse else { throw APIError.invalidResponse(response) } guard 200..<300 ~= httpResponse.statusCode else { throw APIError.badStatusCode(httpResponse) } guard let responseData = data else { throw APIError.badData(data, httpResponse) } if let json = try JSONSerialization .jsonObject(with: responseData, options: []) as? [String: Any] { return Observable.just(json) } else { throw APIError.jsonParsingError } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
  • 40. private static func handleResponse( data: Data?, response: URLResponse? ) throws -> Observable<[String: Any]> { guard let httpResponse = response as? HTTPURLResponse else { throw APIError.invalidResponse(response) } guard 200..<300 ~= httpResponse.statusCode else { throw APIError.badStatusCode(httpResponse) } guard let responseData = data else { throw APIError.badData(data, httpResponse) } if let json = try JSONSerialization .jsonObject(with: responseData, options: []) as? [String: Any] { return Observable.just(json) } else { throw APIError.jsonParsingError } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
  • 41. private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
  • 42. private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
  • 43. private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
  • 44. private static func handleErrors(errors: Observable<Error>) -> Observable<Void> { return errors.enumerated() .flatMap { (i, error) -> Observable<Void> in // handle max number of retries based on `i` guard i < 3 else { return Observable.error(error) // propagate error } switch error { case .expiredToken: self.refreshToken() return Observable.just(()) // <- forces retry default: return Observable.just(()) // <- forces retry } } } class APIClient { let apiClientDisposeBag = DisposeBag() static func responseObservable( request: URLRequest ) -> Observable<[String: Any]> { return customRequest(request) .flatMap { handleResponse } // .retry(3) .retryWhen { handleErrors } } }
  • 45. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { ... } static func response(request: URLRequest, completion: @escaping ([String: Any])->Void) { responseObservable(request: request) .subscribe(onNext: { data in completion(data) }) .disposed(by: apiClientDisposeBag) } } APIClient.response(request: req) { json in // do stuff with json }
  • 46. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { ... } static func response(request: URLRequest, completion: @escaping ([String: Any])->Void) { responseObservable(request: request) .subscribe(onNext: { data in completion(data) }) .disposed(by: apiClientDisposeBag) } } APIClient.response(request: req) { json in // do stuff with json }
  • 47. class APIClient { static func responseObservable(request: URLRequest) -> Observable<[String: Any]> { ... } static func response(request: URLRequest, completion: @escaping ([String: Any])->Void) { responseObservable(request: request) .subscribe(onNext: { data in completion(data) }) .disposed(by: apiClientDisposeBag) } } APIClient.response(request: req) { json in // do stuff with json }
  • 49. Final Thoughts 1. 👎 Avoid nesting subscriptions
  • 50. APIClient.fetchMovie(id).subscribe(onNext: { movie in APIClient.fetchMovieDetails(movie).subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag) }) .addDisposableTo(disposeBag) APIClient.fetchMovie(id) .flatMap { id in return APIClient.fetchMovieDetails(movie) } .subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag)
  • 51. APIClient.fetchMovie(id).subscribe(onNext: { movie in APIClient.fetchMovieDetails(movie).subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag) }) .addDisposableTo(disposeBag) APIClient.fetchMovie(id) .flatMap { id in return APIClient.fetchMovieDetails(movie) } .subscribe(onNext: { details in ... }) .addDisposableTo(disposeBag)
  • 52. Final Thoughts 2. Makes networking cleaner
  • 53. Final Thoughts 3. Rx forces your code to be more functional
  • 54. Final Thoughts 4. Can go from callbacks to observable The whole project does not need to be observable
  • 55. Useful Resources General: - http://reactivex.io/documentation/observable.html - http://rxmarbles.com/ RxSwift-specific: - https://github.com/ReactiveX/RxSwift - https://egghead.io/courses/introduction-to-reactive-programming - https://www.raywenderlich.com/138547/getting-started-with-rxswift-and-rxcocoa - https://www.raywenderlich.com/158026/introducing-rxswift-reactive-programming-swift