Tweet
Tweet

Slide 1

Slide 1 text

RxApplications Kevin Carpenter Notion AI

Slide 2

Slide 2 text

Application behavior is asynchronous.

Slide 3

Slide 3 text

Pull to Refresh

Slide 4

Slide 4 text

GET https://hacker-news.firebaseio.com/v0/items [{ "by": "jamesblonde", "descendants": 0, "id": 11595667, "score": 2, "time": 1461937655, "title": “Make email great again”, "type": "story", "url": “https:\/\/email.net/great” }]

Slide 5

Slide 5 text

INSERT INTO items (title, author, points, date)
 VALUES (‘Rx’, ‘kevcar’, 90, 1492278237562)

Slide 6

Slide 6 text

DELETE FROM items WHERE date < 1492278000 AND date > 1492280000

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

☝

Slide 10

Slide 10 text

☝ swipeRefreshLayout.setOnRefreshListener( new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { // make update request } } );

Slide 11

Slide 11 text

RxJava

Slide 12

Slide 12 text

RxJava RxJS

Slide 13

Slide 13 text

RxJava RxJS RxKotlin

Slide 14

Slide 14 text

RxJava RxJS RxKotlin RxSwift

Slide 15

Slide 15 text

“ReactiveX is a combination of the best ideas from the Observer pattern, the Iterator pattern, and functional programming”

Slide 16

Slide 16 text

abstract class Observer { 
 fun update(T notification) 
 }

Slide 17

Slide 17 text

abstract class Observable { 
 private val ArrayList> observers; 
 
 fun registerObserver(Observer observer) { 
 observers.add(observer); 
 } 
 
 fun unregisterObserver(Observer observer) { 
 observers.remove(observer); 
 } 
 } 


Slide 18

Slide 18 text

abstract class Observable { 
 private val observers: ArrayList> 
 
 fun registerObserver(observer: Observer) { 
 observers.add(observer); 
 } 
 
 fun unregisterObserver(observer: Observer) { 
 observers.remove(observer); 
 } 
 } 


Slide 19

Slide 19 text

abstract class Observable { 
 private val observers: ArrayList>
 
 void registerObserver(observer: Observer) { 
 observers.add(observer) 
 } 
 
 void unregisterObserver(observer: Observer) { 
 observers.remove(observer);
 } 
 
 void setValue(newValue: T) { 
 this.value = newValue
 notifyObservers(newValue)
 } 
 } 


Slide 20

Slide 20 text

abstract class Observable { 
 private val observers: ArrayList> ; 
 
 fun registerObserver(observer: Observer) { 
 observers.add(observer); 
 } 
 
 fun unregisterObserver(observer: Observer) { 
 observers.remove(observer); 
 } 
 
 fun setValue(newValue: T) { 
 this.value = newValue; 
 notifyObservers(newValue); 
 } 
 
 fun notifyObservers(value: T) { 
 for (observer : observers) { 
 observer.update(value); 
 } 
 } 
 }

Slide 21

Slide 21 text

“ReactiveX is a combination of the best ideas from the Observer pattern, the Iterator pattern, and functional programming”

Slide 22

Slide 22 text

interface Iterable 
 
 fun iterator(): Iterator 
 
 }

Slide 23

Slide 23 text

interface Iterator 
 
 fun hasNext(): Boolean 
 
 fun next(): T 
 
 }

Slide 24

Slide 24 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 while (sounds.iterator().hasNext()) { 
 log.d("Animal Sound", sounds.next()) 
 }

Slide 25

Slide 25 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 while (sounds.iterator().hasNext()) { 
 log.d("Animal Sound", sounds.next()) 
 } D/Animal Sound: moo

Slide 26

Slide 26 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 while (sounds.iterator().hasNext()) { 
 log.d("Animal Sound", sounds.next()) 
 } D/Animal Sound: moo D/Animal Sound: cluck

Slide 27

Slide 27 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 while (sounds.iterator().hasNext()) { 
 log.d("Animal Sound", sounds.next()) 
 } D/Animal Sound: moo D/Animal Sound: cluck D/Animal Sound: quack


Slide 28

Slide 28 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 sounds.map { sound -> 
 sound + sound // "$sound $sound" 
 } 
 .map { doubleSound -> 
 log.d("Animal Sound", doubleSound) 
 }

Slide 29

Slide 29 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 sounds.map { sound -> 
 sound + sound // "$sound $sound" 
 } 
 .map { doubleSound -> 
 log.d("Animal Sound", doubleSound) 
 } D/Animal Sound: moo moo


Slide 30

Slide 30 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 sounds.map { sound -> 
 sound + sound // "$sound $sound" 
 } 
 .map { doubleSound -> 
 log.d("Animal Sound", doubleSound) 
 } D/Animal Sound: moo moo D/Animal Sound: cluck cluck

Slide 31

Slide 31 text

val sounds: Iterable = listOf( "moo", "cluck", “quack" ) 
 
 sounds.map { sound -> 
 sound + sound // "$sound $sound" 
 } 
 .map { doubleSound -> 
 log.d("Animal Sound", doubleSound) 
 } D/Animal Sound: moo moo D/Animal Sound: cluck cluck D/Animal Sound: quack quack


Slide 32

Slide 32 text

“ReactiveX is a combination of the best ideas from the Observer pattern, the Iterator pattern, and functional programming”

Slide 33

Slide 33 text

f(x) = y

Slide 34

Slide 34 text

{ x -> x * x; }

Slide 35

Slide 35 text

int square(int x) { 
 int square = x * x; 
 textView.text = square; 
 return result; 
 } 


Slide 36

Slide 36 text

int square(int x) { 
 int square = x * x; 
 this.state.latestSquare = square; 
 return result; 
 } 


Slide 37

Slide 37 text

// 1, 2, 3
 Observable intObservable = Observable.range(1, 4) 
 
 intObservable.map { x -> 
 x * x 
 } 
 .map { squared -> 
 "Result: " + squared 
 } 
 .map { str -> 
 log.d(str) 
 }

Slide 38

Slide 38 text

Observable

Slide 39

Slide 39 text

time

Slide 40

Slide 40 text

time

Slide 41

Slide 41 text

time

Slide 42

Slide 42 text

Observable.from(listOf("moo", "cluck", "quack")) time

Slide 43

Slide 43 text

Observable.from(listOf("moo", "cluck", "quack")) time moo

Slide 44

Slide 44 text

Observable.from(listOf("moo", "cluck", "quack")) time moo cluck

Slide 45

Slide 45 text

Observable.from(listOf("moo", "cluck", "quack")) time moo cluck quack

Slide 46

Slide 46 text

time moo cluck X

Slide 47

Slide 47 text

time moo X

Slide 48

Slide 48 text

time moo cluck

Slide 49

Slide 49 text

Observable.subscribe( Subscriber subscriber )

Slide 50

Slide 50 text

abstract class Subscriber { 
 onNext(T t); 
 onError(Throwable e); // Terminal 
 onCompleted(); // Terminal 
 } 


Slide 51

Slide 51 text

abstract class Subscriber { 
 onNext(T t); 
 onError(Throwable e); // Terminal 
 onCompleted(); // Terminal 
 } 
 
 Observable.subscribe( 
 Action1 onNext, 
 Action1, onError, 
 Action0 onCompleted) 


Slide 52

Slide 52 text

val action = Action1 { 
 fun event (event: String) { 
 log.d("Animal Sound", event) 
 } 
 } 
 
 val errorAction = Action1 { 
 fun event (event: Throwable) { 
 log.e(event, "Error in Animal Sounds Example") 
 } 
 } 
 
 val completedAction = Action0 { 
 fun call { 
 log.d("Completed Event", "Animal Sounds are done.") 
 } 
 } 
 
 observable.subscribe(action, errorAction, completedAction)

Slide 53

Slide 53 text

val action = Action1 { 
 fun event (event: String) { 
 log.d("Animal Sound", event) 
 } 
 } 
 
 val errorAction = Action1 { 
 fun event (event: Throwable) { 
 log.e(event, "Error in Animal Sounds Example") 
 } 
 } 
 
 val completedAction = Action0 { 
 fun call { 
 log.d("Completed Event", "Animal Sounds are done.") 
 } 
 } 
 
 observable.subscribe(action, errorAction, completedAction)

Slide 54

Slide 54 text

val action = Action1 { 
 fun event (event: String) { 
 log.d("Animal Sound", event) 
 } 
 } 
 
 val errorAction = Action1 { 
 fun event (event: Throwable) { 
 log.e(event, "Error in Animal Sounds Example") 
 } 
 } 
 
 val completedAction = Action0 { 
 fun call { 
 log.d("Completed Event", "Animal Sounds are done.") 
 } 
 } 
 
 observable.subscribe(action, errorAction, completedAction)

Slide 55

Slide 55 text

val action = Action1 { 
 fun event (event: String) { 
 log.d("Animal Sound", event) 
 } 
 } 
 
 val errorAction = Action1 { 
 fun event (event: Throwable) { 
 log.e(event, "Error in Animal Sounds Example") 
 } 
 } 
 
 val completedAction = Action0 { 
 fun call { 
 log.d("Completed Event", "Animal Sounds are done.") 
 } 
 } 
 
 observable.subscribe(action, errorAction, completedAction)

Slide 56

Slide 56 text

Observable.from(listOf("moo", "cluck", “quack")) time

Slide 57

Slide 57 text

Observable.from(listOf("moo", "cluck", “quack")) time moo D/Animal Sound: moo

Slide 58

Slide 58 text

Observable.from(listOf("moo", "cluck", “quack")) time moo cluck D/Animal Sound: moo D/Animal Sound: cluck

Slide 59

Slide 59 text

Observable.from(listOf("moo", "cluck", “quack")) time moo cluck quack D/Animal Sound: moo D/Animal Sound: cluck D/Animal Sound: quack

Slide 60

Slide 60 text

Observable.from(listOf("moo", "cluck", “quack")) time moo cluck quack D/Animal Sound: moo D/Animal Sound: cluck D/Animal Sound: quack D/Completed Event: Animal Sounds are Done

Slide 61

Slide 61 text

Observable.from(listOf("moo", "cluck", “quack")) time moo cluck D/Animal Sound: moo D/Animal Sound: cluck E/Error Event: Error in Animal Sounds example at com.rxapplications.example.ExampleClass… X

Slide 62

Slide 62 text

Non-RxViews

Slide 63

Slide 63 text

Pull to Refresh

Slide 64

Slide 64 text

class ItemListView : FrameLayout, IItemListView { 
 
 @Inject 
 private val model: ItemListViewModel 
 
 private val refreshView by bindView(R.id.swipe_view) 
 private val adapter = ItemListViewAdapter(context) 
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } 
 
 private val listener = object : SwipeRefreshLayout.OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } }

Slide 65

Slide 65 text

class ItemListView : FrameLayout, IItemListView { 
 
 @Inject 
 private val model: ItemListViewModel 
 
 private val refreshView by bindView(R.id.swipe_view) 
 private val adapter = ItemListViewAdapter(context) 
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } 
 
 private val listener = object : SwipeRefreshLayout.OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } }

Slide 66

Slide 66 text

class ItemListView : FrameLayout, IItemListView { 
 
 @Inject 
 private val model: ItemListViewModel 
 
 private val refreshView by bindView(R.id.swipe_view) 
 private val adapter = ItemListViewAdapter(context) 
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } 
 
 private val listener = object : SwipeRefreshLayout.OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } }

Slide 67

Slide 67 text

class ItemListView : FrameLayout, IItemListView { 
 
 @Inject 
 private val model: ItemListViewModel 
 
 private val refreshView by bindView(R.id.swipe_view) 
 private val adapter = ItemListViewAdapter(context) 
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } 
 
 private val listener = object : SwipeRefreshLayout.OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } }

Slide 68

Slide 68 text

class ItemListView : FrameLayout, IItemListView { 
 // Set up
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } }

Slide 69

Slide 69 text

class ItemListView : FrameLayout, IItemListView { 
 // Set up
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } }

Slide 70

Slide 70 text

class ItemListView : FrameLayout, IItemListView { 
 // Set up
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } }

Slide 71

Slide 71 text

interface IItemListView { 
 
 fun onItemsResponse(items: List) 
 
 fun onItemsError(error: Throwable) 
 
 fun onRefreshComplete() 
 } 
 


Slide 72

Slide 72 text

interface IItemListView { 
 
 fun onItemsResponse(items: List) 
 
 fun onItemsError(error: Throwable) 
 
 fun onRefreshComplete() 
 } 
 


Slide 73

Slide 73 text

interface IItemListView { 
 
 fun onItemsResponse(items: List) 
 
 fun onItemsError(error: Throwable) 
 
 fun onRefreshComplete() 
 } 
 


Slide 74

Slide 74 text

class ItemListView : FrameLayout, IItemListView { 
 // Set up
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } private val listener = object : OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } }

Slide 75

Slide 75 text

class ItemListView : FrameLayout, IItemListView { 
 // Set up
 
 override fun onFinishInflate() { 
 super.onFinishInflate() 
 refreshView.setOnRefreshListener(listener) 
 } 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 model.attach(this) 
 } 
 
 override fun onDetachedFromWindow() { 
 model.detach(this) 
 super.onDetachedFromWindow() 
 } private val listener = object : OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } }

Slide 76

Slide 76 text

class ItemListView : FrameLayout, IItemListView { 
 
 private val listener = object : OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } 
 
 override fun onItemsResponse(items: List) { 
 adapter.setItems(items) 
 } 
 
 override fun onItemsError(error: Throwable) { 
 log.e(error, "Error in ItemListView") 
 } 
 
 override fun onRefreshComplete() { 
 refreshView.setRefreshing(false) 
 } 
 
 }

Slide 77

Slide 77 text

class ItemListView : FrameLayout, IItemListView { 
 
 private val listener = object : OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } 
 
 override fun onItemsResponse(items: List) { 
 adapter.setItems(items) 
 } 
 
 override fun onItemsError(error: Throwable) { 
 log.e(error, "Error in ItemListView") 
 } 
 
 override fun onRefreshComplete() { 
 refreshView.setRefreshing(false) 
 } 
 
 }

Slide 78

Slide 78 text

class ItemListView : FrameLayout, IItemListView { 
 
 private val listener = object : OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } 
 
 override fun onItemsResponse(items: List) { 
 adapter.setItems(items) 
 } 
 
 override fun onItemsError(error: Throwable) { 
 log.e(error, "Error in ItemListView") 
 } 
 
 override fun onRefreshComplete() { 
 refreshView.setRefreshing(false) 
 } 
 
 }

Slide 79

Slide 79 text

class ItemListView : FrameLayout, IItemListView { 
 
 private val listener = object : OnRefreshListener { 
 override fun onRefresh() { 
 model.requestRefresh() 
 } 
 } 
 
 override fun onItemsResponse(items: List) { 
 adapter.setItems(items) 
 } 
 
 override fun onItemsError(error: Throwable) { 
 log.e(error, "Error in ItemListView") 
 } 
 
 override fun onRefreshComplete() { 
 refreshView.setRefreshing(false) 
 } 
 
 }

Slide 80

Slide 80 text

interface IItemListView { 
 
 fun onItemsResponse(items: List) fun onItemsError(error: Throwable)
 
 fun onRefreshComplete()
 } 
 


Slide 81

Slide 81 text

interface IItemListView { 
 
 fun onItemsResponse(items: List) fun onItemsError(error: Throwable)
 
 fun onRefreshComplete() fun onNextResponsePage(items: List) fun onNextResponsePageError(error: Throwable)
 
 fun onNextResponsePageComplete()
 } 
 


Slide 82

Slide 82 text

RxViews

Slide 83

Slide 83 text

Pull to Refresh

Slide 84

Slide 84 text

class ItemListView : FrameLayout { 
 
 @Inject 
 private val model: ItemListViewModel 
 private val subscriptions = CompositeSubscription() 
 
 private val refreshView by bindView(R.id.swipe) 
 private val adapter = ItemListViewAdapter(context) 
 } 
 


Slide 85

Slide 85 text

class ItemListView : FrameLayout { 
 
 @Inject 
 private val model: ItemListViewModel 
 private val subscriptions = CompositeSubscription() 
 
 private val refreshView by bindView(R.id.swipe) 
 private val adapter = ItemListViewAdapter(context) 
 } 
 


Slide 86

Slide 86 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 subscriptions.add( 
 swipeRefreshLayout.refreshes() 
 .subscribe(refreshObserver) 
 ) 
 
 model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .subscribe(responseObserver) 
 
 } 
 }

Slide 87

Slide 87 text

RxBinding

Slide 88

Slide 88 text

final class SwipeRefreshLayoutRefreshObservable extends Observable { 
 private final SwipeRefreshLayout view; 
 
 SwipeRefreshLayoutRefreshObservable(SwipeRefreshLayout view) { 
 this.view = view; 
 } 
 
 @Override protected void subscribeActual( Observer observer) { 
 if (!checkMainThread(observer)) { 
 return; 
 } 
 Listener listener = new Listener(view, observer); 
 observer.onSubscribe(listener); 
 view.setOnRefreshListener(listener); 
 }

Slide 89

Slide 89 text

final class SwipeRefreshLayoutRefreshObservable extends Observable { 
 private final SwipeRefreshLayout view; 
 
 SwipeRefreshLayoutRefreshObservable(SwipeRefreshLayout view) { 
 this.view = view; 
 } 
 
 @Override protected void subscribeActual( Observer observer) { 
 if (!checkMainThread(observer)) { 
 return; 
 } 
 Listener listener = new Listener(view, observer); 
 observer.onSubscribe(listener); 
 view.setOnRefreshListener(listener); 
 }

Slide 90

Slide 90 text

final class SwipeRefreshLayoutRefreshObservable extends Observable { 
 private final SwipeRefreshLayout view; 
 
 SwipeRefreshLayoutRefreshObservable(SwipeRefreshLayout view) { 
 this.view = view; 
 } 
 
 @Override protected void subscribeActual( Observer observer) { 
 if (!checkMainThread(observer)) { 
 return; 
 } 
 Listener listener = new Listener(view, observer); 
 observer.onSubscribe(listener); 
 view.setOnRefreshListener(listener); 
 }

Slide 91

Slide 91 text

final class SwipeRefreshLayoutRefreshObservable extends Observable { 
 private final SwipeRefreshLayout view; 
 
 SwipeRefreshLayoutRefreshObservable(SwipeRefreshLayout view) { 
 this.view = view; 
 } 
 
 @Override protected void subscribeActual( Observer observer) { 
 if (!checkMainThread(observer)) { 
 return; 
 } 
 Listener listener = new Listener(view, observer);
 observer.onSubscribe(listener); 
 view.setOnRefreshListener(listener); 
 }

Slide 92

Slide 92 text

static final class Listener extends MainThreadDisposable implements OnRefreshListener { 
 private final SwipeRefreshLayout view; 
 private final Observer observer; 
 
 @Override public void onRefresh() { 
 if (!isDisposed()) { 
 observer.onNext(Notification.INSTANCE); 
 } 
 } 
 
 @Override protected void onDispose() { 
 view.setOnRefreshListener(null); 
 } 
 } 


Slide 93

Slide 93 text

static final class Listener extends MainThreadDisposable implements OnRefreshListener { 
 private final SwipeRefreshLayout view; 
 private final Observer observer; 
 
 @Override public void onRefresh() { 
 if (!isDisposed()) { 
 observer.onNext(Notification.INSTANCE); 
 } 
 } 
 
 @Override protected void onDispose() { 
 view.setOnRefreshListener(null); 
 } 
 } 


Slide 94

Slide 94 text

static final class Listener extends MainThreadDisposable implements OnRefreshListener { 
 private final SwipeRefreshLayout view; 
 private final Observer observer; 
 
 @Override public void onRefresh() { 
 if (!isDisposed()) { 
 observer.onNext(Notification.INSTANCE); 
 } 
 } 
 
 @Override protected void onDispose() { 
 view.setOnRefreshListener(null); 
 } 
 } 


Slide 95

Slide 95 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 subscriptions.add( 
 swipeRefreshLayout.refreshes() 
 .subscribe(refreshObserver) 
 ) 
 
 subscriptions.add( 
 model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .subscribe(responseObserver) 
 ) 
 } 
 } 
 


Slide 96

Slide 96 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 subscriptions.add( 
 swipeRefreshLayout.refreshes() 
 .subscribe(refreshObserver) 
 ) 
 
 subscriptions.add( 
 model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .subscribe(responseObserver) 
 ) 
 } 
 } 
 


Slide 97

Slide 97 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 subscriptions.add( 
 swipeRefreshLayout.refreshes() 
 .subscribe(refreshObserver) 
 ) 
 
 subscriptions.add( 
 model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .subscribe(responseObserver) 
 ) 
 } private val refreshObserver = { refresh: Unit -> 
 model.refreshMessages() 
 }
 } 
 


Slide 98

Slide 98 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 subscriptions.add( 
 swipeRefreshLayout.refreshes() 
 .subscribe(refreshObserver) 
 ) 
 
 subscriptions.add( 
 model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .subscribe(responseObserver) 
 ) 
 } 
 } 
 


Slide 99

Slide 99 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 subscriptions.add( 
 swipeRefreshLayout.refreshes() 
 .subscribe(refreshObserver) 
 ) 
 
 subscriptions.add( 
 model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .subscribe(responseObserver) 
 ) 
 } 
 } 
 


Slide 100

Slide 100 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() /* Subscriptions defined here.*/
 } private val responseObserver = { response: Response -> 
 if (response.isSuccess()) { 
 adapter.setItems(response.items) 
 } 
 else { val error = /* Pull Throwable from response */
 log.e(error, "Error in ItemListView") 
 } 
 //refreshView.setRefreshing(false)
 refreshView.refreshing = false
 }
 }

Slide 101

Slide 101 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() /* Subscriptions defined here.*/
 } private val responseObserver = { response: Response -> 
 if (response.isSuccess()) { 
 adapter.setItems(response.items) 
 } 
 else { 
 val error = /* Pull Throwable from response */
 log.e(error, "Error in ItemListView")
 } 
 //refreshView.setRefreshing(false)
 refreshView.refreshing = false
 }
 }

Slide 102

Slide 102 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() /* Subscriptions defined here.*/
 } private val responseObserver = { response: Response -> 
 if (response.isSuccess()) { 
 adapter.setItems(response.items) 
 } 
 else { val error = /* Pull Throwable from response */
 log.e(error, "Error in ItemListView") 
 } 
 //refreshView.setRefreshing(false)
 refreshView.refreshing = false
 }
 }

Slide 103

Slide 103 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() /* Subscriptions defined here.*/
 } private val responseObserver = { response: Response -> 
 if (response.isSuccess()) { 
 adapter.setItems(response.items) 
 } 
 else { 
 val error = /* Pull Throwable from response */
 log.e(error, "Error in ItemListView")
 }
 //refreshView.setRefreshing(false)
 refreshView.refreshing = false
 }
 }

Slide 104

Slide 104 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .publish() 
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(refreshView.refreshing()) // RxBinding! 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .connect() 
 ) 
 }
 } 
 


Slide 105

Slide 105 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 .publish() 
 
 /* subscriptions created here */ subscriptions.add( 
 responseObservable 
 .connect() 
 )
 } } 
 


Slide 106

Slide 106 text

override fun onAttachedToWindow() { super.onAttachedToWindow() 
 val responseObservable = model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(successObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(errorObserver) 
 ) 
 }

Slide 107

Slide 107 text

override fun onAttachedToWindow() { super.onAttachedToWindow() 
 val responseObservable = model.observeResponse() 
 .observeOn(AndroidSchedulers.mainThread()) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(successObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(errorObserver) 
 ) subscriptions.add( 
 responseObservable.connect() 
 )
 }

Slide 108

Slide 108 text

No content

Slide 109

Slide 109 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(refreshView.refreshing()) // RxBinding! 
 ) 
 
 // Connect Observable here
 }
 } 
 


Slide 110

Slide 110 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver) 
 ) 
 } private val successObserver = { 
 adapter.setItems(response.body) 
 } }

Slide 111

Slide 111 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver) 
 )
 // Connect Observable here
 } private val errorObserver = { 
 val error = /* extract error from response */ 
 log.e(error, "Error in ItemListView") 
 }
 } 
 


Slide 112

Slide 112 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(refreshView.refreshing()) 
 ) 
 
 // Connect Observable here
 }
 } 
 


Slide 113

Slide 113 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver, errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(refreshView.refreshing()) 
 ) 
 
 // Connect Observable here
 }
 } 
 


Slide 114

Slide 114 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver, errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver, errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(refreshView.refreshing()) 
 ) 
 
 // Connect Observable here
 }
 } 
 


Slide 115

Slide 115 text

class ItemListView : FrameLayout { 
 
 override fun onAttachedToWindow() { 
 super.onAttachedToWindow() 
 val responseObservable = // Connectable Observable
 
 subscriptions.add( 
 responseObservable 
 .filter { it.isSuccessful() } 
 .subscribe(successObserver, errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .filter { !it.isSuccessful() } 
 .subscribe(errorObserver, errorObserver) 
 ) 
 
 subscriptions.add( 
 responseObservable 
 .subscribe(refreshView.refreshing(), errorObserver) 
 ) 
 
 // Connect Observable here
 }
 } 
 


Slide 116

Slide 116 text

RxRequests

Slide 117

Slide 117 text

interface ItemService { 
 @GET("/items") 
 fun getItems(): Response> 
 } 
 


Slide 118

Slide 118 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable
 
 class Request(val save: Boolean) 
 
 class Response(items: Either>) 
 }

Slide 119

Slide 119 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable 
 class Request(val save: Boolean) 
 
 class Response(items: Either>) 
 }

Slide 120

Slide 120 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable 
 class Request(val save: Boolean) 
 
 class Response(items: Either>) 
 }

Slide 121

Slide 121 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable 
 class Request(val save: Boolean) 
 
 class Response(items: Either>) 
 }

Slide 122

Slide 122 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable { 
 return service.getItems() 
 .map { response -> 
 if (response.isSuccessful) { 
 Response(Either.ofRight(response.body)) 
 } 
 else { 
 val error = /* Pull error out of Response */ 
 Response(Either.ofLeft(error)) 
 } 
 } 
 .onErrorReturn { error -> 
 Response(Either.ofLeft(error)) 
 } 
 } 
 }

Slide 123

Slide 123 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable { 
 return service.getItems() 
 .map { response -> 
 if (response.isSuccessful) { 
 Response(Either.ofRight(response.body)) 
 } 
 else { 
 val error = /* Pull error out of Response */ 
 Response(Either.ofLeft(error)) 
 } 
 } 
 .onErrorReturn { error -> 
 Response(Either.ofLeft(error)) 
 } 
 } 
 }

Slide 124

Slide 124 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable { 
 return service.getItems() 
 .map { response -> 
 if (response.isSuccessful) { 
 Response(Either.ofRight(response.body)) 
 } 
 else { 
 val error = /* Pull error out of Response */ 
 Response(Either.ofLeft(error)) 
 } 
 } 
 .onErrorReturn { error -> 
 Response(Either.ofLeft(error)) 
 } 
 } 
 }

Slide 125

Slide 125 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable { 
 return service.getItems() 
 .map { response -> 
 if (response.isSuccessful) { 
 Response(Either.ofRight(response.body)) 
 } 
 else { 
 val error = /* Pull error out of Response */ 
 Response(Either.ofLeft(error)) 
 } 
 } 
 .onErrorReturn { error -> 
 Response(Either.ofLeft(error)) 
 } 
 } 
 }

Slide 126

Slide 126 text

@Inject 
 class GetItems(val service: ItemService) : UseCase { 
 
 override fun execute(request: Request): Observable { 
 return service.getItems() 
 .map { response -> 
 if (response.isSuccessful) { 
 Response(Either.ofRight(response.body)) 
 } 
 else { 
 val error = /* Pull error out of Response */ 
 Response(Either.ofLeft(error)) 
 } 
 } 
 .onErrorReturn { error -> 
 Response(Either.ofLeft(error)) 
 } 
 } 
 }

Slide 127

Slide 127 text

@Inject 
 class GetItems( val service: ItemService val db: SqliteDb) : UseCase { 
 
 override fun execute(request: Request): Observable { 
 return service.getItems() 
 .map { response -> 
 /* Return Left or Right! */
 } 
 .onErrorReturn { error -> 
 Response(Either.ofLeft(error)) 
 } .doOnNext { either -> when (either) { is Either.Left -> { db.saveAll(either.data).subscribe() } } }
 } 
 }

Slide 128

Slide 128 text

class ItemListViewModel(val getItems: GetItems) { 
 
 fun observeResponse(): Observable> { 
 return getItems.execute(GetItems.Request(true)) 
 } 
 
 } 
 


Slide 129

Slide 129 text

RxDatabase

Slide 130

Slide 130 text

Observable.create() (or Flowable.create() or unsafeCreate())

Slide 131

Slide 131 text

Observable.create() (or Flowable.create() or unsafeCreate())

Slide 132

Slide 132 text

class DbItemDataSource(private val db: SqliteDb) : DbDataSource { 
 
 override fun saveAll(items: List): Observable { 
 Observable.fromCallable { 
 items.forEach { 
 db.replaceOrThrow("items", null, items.toQueryString()) 
 } != -1L 
 } 
 } 
 }

Slide 133

Slide 133 text

RxTesting

Slide 134

Slide 134 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = 
 Either.Right(/* List of Items */) 
 
 @Test 
 fun testAdapterItems() { 
 Mockito.when(model.fetchItems()) .thenReturn(goodResponse) 
 myView.invokeRefresh() 
 assertEquals( goodResponse.data, myView.getAdapter().items) 
 } 
 }

Slide 135

Slide 135 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = 
 Either.Right(/* List of Items */) 
 
 @Test 
 fun testAdapterItems() { 
 Mockito.when(model.fetchItems()) .thenReturn(goodResponse) 
 myView.invokeRefresh() 
 assertEquals( goodResponse.data, myView.getAdapter().items) 
 } 
 }

Slide 136

Slide 136 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = 
 Either.Right(/* List of Items */) 
 
 @Test 
 fun testAdapterItems() { 
 Mockito.when(model.fetchItems()) .thenReturn(goodResponse) 
 myView.invokeRefresh() 
 assertEquals( goodResponse.data, myView.getAdapter().items) 
 } 
 }

Slide 137

Slide 137 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = 
 Either.Right(/* List of Items */) 
 
 @Test 
 fun testAdapterItems() { 
 Mockito.when(model.fetchItems()) .thenReturn(goodResponse) 
 myView.invokeRefresh() 
 assertEquals( goodResponse.data, myView.getAdapter().items) 
 } 
 }

Slide 138

Slide 138 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = 
 Either.Right(/* List of Items */) 
 
 @Test 
 fun testAdapterItems() { 
 Mockito.when(model.fetchItems()) .thenReturn(goodResponse) 
 myView.invokeRefresh() 
 assertEquals( goodResponse.data, myView.getAdapter().items) 
 } 
 }

Slide 139

Slide 139 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = 
 Either.Right(/* List of Items */) 
 
 @Test 
 fun testAdapterItems() { 
 Mockito.when(model.fetchItems()) .thenReturn(goodResponse) 
 myView.invokeRefresh() 
 assertEquals( goodResponse.data, myView.getAdapter().items) 
 } 
 }

Slide 140

Slide 140 text


 @RunWith(RobolectricTestRunner::class.java) 
 class ItemListViewTest { 
 
 private var model: ItemListViewModel = /* Instantiate */
 private val myView: ItemListView = /* Create View */ 
 
 private val goodResponse: = Either.Right(/* */) @Before 
 fun setUp() { 
 RxJavaHooks.reset() 
 RxJavaHooks.setOnIOScheduler { Schedulers.immediate() } 
 
 RxJavaHooks.setOnNewThreadScheduler { Schedulers.immediate() } 
 } 
 
 @Test 
 fun testAdapterItems() { 
 /* Test code */
 } 
 }

Slide 141

Slide 141 text

☝

Slide 142

Slide 142 text

☝

Slide 143

Slide 143 text

☝

Slide 144

Slide 144 text

☝

Slide 145

Slide 145 text

Architectures? • Redux • MVVM • Cycle.js clone (kevcar.me/mvwtf)

Slide 146

Slide 146 text

Questions? kevcar.me/rxapplications